スクロールバー位置判定の使い方

以下のエディターがスクロールバーの位置判断に基づいた簡単な例を共有します。これは良い参考値であり、皆さんの役に立つことを願っています。エディターに従って、例を見てみましょう:

//获取滚动条距离顶部位置
function getScrollTop() {
 var scrollTop = 0;
 if (document.documentElement && document.documentElement.scrollTop) {
  scrollTop = document.documentElement.scrollTop;
 } else if (document.body) {
  scrollTop = document.body.scrollTop;
 }
 return scrollTop;
}
//获取当前可视范围的高度
function getClientHeight() {
 var clientHeight = 0;
 if (document.body.clientHeight && document.documentElement.clientHeight) {
  clientHeight = Math.min(document.body.clientHeight, document.documentElement.clientHeight);
 } else {
  clientHeight = Math.max(document.body.clientHeight, document.documentElement.clientHeight);
 }
 return clientHeight;
}
//获取文档完整的高度
function getScrollHeight() {
 return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
}
//判断滚动条是否达到底部
getScrollTop() + getClientHeight() == getScrollHeight()

以上が、皆さんの参考になれば幸いです。 関連記事:

ノードレイヤーを使用してマルチパートフォームファイルのアップロードを実装する方法

Reactを使用してポータルの再利用可能なコンポーネントをカプセル化する方法

ノードの中間サービス層でリクエストを送信する方法(詳細なチュートリアル)

Node で Excel コンテンツを取得する方法

動的に追加された要素がバインディング イベントをトリガーできない問題を jQuery を使用して解決する方法

Node を使用してファイルを構成する方法 (詳細なチュートリアル)

方法jQueryを使った携帯電話番号定期認証入力の実装

AngularJSでのジャンプ機能の実装方法

AngularJSでのドラッグ＆ドロップ機能の実装方法

socket.ioを使ったチャットルームの実装方法

以上がスクロールバー位置判定の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。