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

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

はじめに

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

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

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

 
这里写头部
 
page1
 
page2
 
page3
 
page4
 
这里写版权
 

上記のように、実行できる限り、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 サイトの他の関連記事を参照してください。