ホームページ  >  記事  >  ウェブフロントエンド  >  スクロールバーを使用してjqueryでイベントをリッスンする方法

スクロールバーを使用してjqueryでイベントをリッスンする方法

coldplay.xixi
coldplay.xixiオリジナル
2020-12-11 16:52:458643ブラウズ

jquery がスクロール バーを使用してイベントをリッスンする方法: 1. [$(window).scrollTop():] を使用して、ドキュメントの先頭から垂直スクロール バーの高さを取得します。2. [ $(document).scrollLeft()】水平スクロールバーの距離を取得します。

スクロールバーを使用してjqueryでイベントをリッスンする方法

#このチュートリアルの動作環境: Windows7 システム、jquery3.2.1 バージョン、thinkpad t480 コンピューター。

jquery がスクロール バーを使用してイベントをリッスンする方法:

最初に例を見てみましょう:

$(document).ready(function(){//在文档加载完毕后执行
    $(window).scroll(function(){//开始监听滚动条
        //获取当前滚动条高度
        var topp = $(document).scrollTop();
        //用于调试 弹出当前滚动条高度
        //alert(topp);
        //判断如果滚动条大于90则弹出 "ok"
        if(topp > 90){
        //alert("ok");
        }
    })
})

Syntax

  • $(window).scrollTop();//ドキュメントの先頭からの垂直スクロール バーの高さを取得します

  • ## $(document).scrollLeft ()

    //水平スクロールバーの距離を取得

  • $(document).height()

    //取得ページ全体の高さ

  • $(window).height()

    //現在の高さを取得します。これは、ページの一部の高さです。ブラウザで見ることができます。ズームイン、ズームアウトするとこのサイズが表示されます。ブラウザウィンドウのサイズが変わります。ドキュメントとは異なります。

# 関連する無料学習推奨事項:
javascript

(ビデオ)

以上がスクロールバーを使用してjqueryでイベントをリッスンする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。