web-dev-qa-db-ja.com

jquery.fullPage.jsセクションのスクロールに影響を与えずにdiv内のスクロールを有効にする方法

そうですね、これは簡単に説明することはできません...私はWebサイトにjquery.fullPage.jsを使用しています。スクロールが必要な大量のコピーをホストする折りたたみ可能なパネルがいくつかあります。このパネルでスクロールを有効にすると、次のセクションに移動するため、問題が始まります。全ページのスクロールに影響を与えずにこのパネル内をスクロールする方法はありますか?

みんなありがとう

15

そう、 fullpage.jsプラグインnormalScrollElementsというオプションを提供します。詳細 ドキュメント内

一部の要素をスクロールするときに自動スクロールを避けたい場合は、これが必要なオプションです。 (マップ、divのスクロールなどに便利です)これらの要素にはjQueryセレクターを含む文字列が必要です。 (例:normalScrollElements: '#element1、.element2')

より詳細な制御が必要な場合は、常にfullpage.jsメソッド setAllowScrolling を使用して、自動スクロールを許可または無効にできます。このようにして、たとえば、ポップアップを開くときにそれを無効にし、閉じたらもう一度有効にすることができます。

17
Alvaro