ホームページ > 記事 > ウェブフロントエンド > スクロールバーを使用してjqueryでイベントをリッスンする方法
#このチュートリアルの動作環境: Windows7 システム、jquery3.2.1 バージョン、thinkpad t480 コンピューター。jquery がスクロール バーを使用してイベントをリッスンする方法: 1. [$(window).scrollTop():] を使用して、ドキュメントの先頭から垂直スクロール バーの高さを取得します。2. [ $(document).scrollLeft()】水平スクロールバーの距離を取得します。
jquery がスクロール バーを使用してイベントをリッスンする方法:
最初に例を見てみましょう:$(document).ready(function(){//在文档加载完毕后执行 $(window).scroll(function(){//开始监听滚动条 //获取当前滚动条高度 var topp = $(document).scrollTop(); //用于调试 弹出当前滚动条高度 //alert(topp); //判断如果滚动条大于90则弹出 "ok" if(topp > 90){ //alert("ok"); } }) })Syntax
$(window).scrollTop();//ドキュメントの先頭からの垂直スクロール バーの高さを取得します
//水平スクロールバーの距離を取得
//取得ページ全体の高さ
//現在の高さを取得します。これは、ページの一部の高さです。ブラウザで見ることができます。ズームイン、ズームアウトするとこのサイズが表示されます。ブラウザウィンドウのサイズが変わります。ドキュメントとは異なります。
javascript
以上がスクロールバーを使用してjqueryでイベントをリッスンする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。