ホームページ > ウェブフロントエンド > CSSチュートリアル > スクロール バーが下にスライドし、イベント インスタンスの共有をトリガーするタイミングを決定します。

スクロール バーが下にスライドし、イベント インスタンスの共有をトリガーするタイミングを決定します。

小云云
リリース: 2018-01-19 10:32:58
オリジナル
2491 人が閲覧しました

この記事では主に、スクロールバーが下にスライドしたときにトリガーされるイベントを説明する例を紹介します。非常に良い基準値を持っています。編集者をフォローして、皆さんのお役に立てれば幸いです。

例は次のとおりです:

$(document).on("scroll", function () {
 //真实内容的高度
 var pageHeight = Math.max(document.body.scrollHeight, document.body.offsetHeight);
 //视窗的高度
 var viewportHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight || 0;
 //隐藏的高度
 var scrollHeight = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
 //判断加载视频,文章,回答,医生
 if(pageHeight - viewportHeight - scrollHeight <=0){
  //事件
 }
});
ログイン後にコピー

関連推奨事項:

jquery Enterキートリガーイベントの実装方法

js 一定時間後にトリガーされるマウスホバーイベントの実装方法

jquery: デリゲートの繰り返しトリガー イベントの問題の解決策

以上がスクロール バーが下にスライドし、イベント インスタンスの共有をトリガーするタイミングを決定します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート