isCroll 4プラグインを使用していますが、とても良いです。私はそれを使用して、タッチフレンドリーなスクロールバー - 素晴らしいプラグインです。時間がある場合は、そのための拡張機能APIを書き、いくつかのデモを書きます(関心が十分に大きい場合)。しかし、今、ここにいくつかのコードスニペットがあります。
// 下面代码片段的设置 var scrollName = 'myScroll', scrollDuration = 1000, scrollAmount = 200;
スクロールエンドコールバック関数を使用してスクロールを設定します。
// 设置滚动并带有滚动结束回调函数 window[scrollName] = new iScroll(scrollName, { onScrollEnd: function() { console.log('onScrollEnd'); // 在滚动结束时执行某些操作 } });
スクロールがコンテンツの上部にあるかどうかを確認します。
// 检查滚动是否位于内容顶部 window[scrollName].y
スクロールがコンテンツの下部にあるかどうかを確認します。
// 检查滚动是否位于内容底部 window[scrollName].y == window[scrollName].maxScrollY
コンテンツの上部までスクロールします。
// 滚动到内容顶部 window[scrollName].scrollTo(0, 0, scrollDuration); // 或 window[scrollName].scrollTo(0, 0);
相対的なスクロールを上方にスクロールします。
// 相对向上滚动 window[scrollName].scrollTo(0, '-'+scrollAmount, scrollDuration, true);
互いに下にスクロールします。
// 相对向下滚动 window[scrollName].scrollTo(0, scrollAmount, scrollDuration, true);
//そうでない場合は、ブートストラップモーダルウィンドウのスクロールを初期化します
if (!window[scrollName].wrapper) { // 它需要可见才能工作... setTimeout(function() { console.log('modal iscroll...'); console.log(scrollName); window[scrollName] = new iScroll(scrollName); }, 10); }
私のプロジェクトでiscrollを使用する方法は?
IsCrollをReactまたは他のJavaScriptフレームワークで使用できますか?
スクロールエンドイベントを聞く方法は?
メソッドを使用して、スクロールエンドイベントを聞くことができます。イベントリスナー関数は、この要素でスクロール操作が完了するたびに呼び出されます。 addEventListener
IsCrollの一般的なユースケースは何ですか?
スクロールエンドイベントの一般的なユースケースは何ですか?
IsCrollは成熟した適切に管理されたライブラリですが、他のソフトウェアと同様に、いくつかの問題や制限がある場合があります。これらは通常、プロジェクトのGitHubリポジトリに記録されます。
スクロールエンドイベントはWeb APIの一部であるため、その動作はすべての最新のブラウザーで一貫している必要があります。ただし、古いブラウザでは、その実装方法にいくつかの違いがある場合があります。
IsCrollの詳細については、公式WebサイトとGitHubリポジトリにあります。スクロールイベントの終了の詳細については、Mozilla Developer Network(MDN)Webドキュメントを参照してください。
以上が4ヘルパーコードスニペットをスクロールしますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。