jquery+fullpage はインターフェースにヘッダーと著作権を追加します

今回は、インターフェイスにヘッダーと著作権を追加する jquery+fullpage について、実際のケースを見てみましょう。

はじめに

ページは jquery-fullpage プラグインを通じて作成され、ページ全体が全画面スクロールします。ただし、著作権のために全画面を必要とせずに、高さわずか約 100 ピクセルの最後のページに著作権を追加したいと考えています。どうやってするの？調べてみると色々な方法が見つかりました。ソースコードなどを修正するか、独自のコードを書いて判断してください。めまい。実際、公式のソリューションが提供されています。

それでは、実装方法について簡単に説明します

実際に実装に必要なのはHTML部分だけです

<p class="fullpage">
 <p class="section fp-auto-height">这里写头部</p>
 <p class="section">page1</p>
 <p class="section">page2</p>
 <p class="section">page3</p>
 <p class="section">page4</p>
 <p class="section fp-auto-height">这里写版权</p>
</p>

上記のように、実行できる限り、JSコードについては説明しません。問題ありません。ここでは、fp-auto-height クラスを頭と底に追加するだけです。

効果ないですか？

これは、以下の CSS ではなく js を引用しただけだからです。

実際、キーコードは次のとおりです

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
 height: auto !important;
}
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
 height: auto !important;
}

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

nodejsを操作してパスワードを暗号化する方法

vue-routerで渡すクエリ動的パラメータの処理方法

以上がjquery+fullpage はインターフェースにヘッダーと著作権を追加しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。