ホームページ >ウェブフロントエンド >jsチュートリアル >スクロールバー位置判定_JavaScriptスキルによる簡単な例

スクロールバー位置判定_JavaScriptスキルによる簡単な例

韦小宝
韦小宝オリジナル
2017-12-16 09:19:331547ブラウズ

以下のエディターは、JavaScriptの威力を、JavaScriptをよく学ぶことがいかに重要であるかを示しています。 JavaScript 友達の皆さん、編集者をフォローして見てください

例は次のとおりです:

//获取滚动条距离顶部位置
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()


スクロールバーの位置判断に基づいた上記の簡単な例は、によって共有されるすべてのコンテンツです。編集者の皆様、参考になれば幸いです。また、皆様にも PHP 中国語 Web サイトをサポートしていただければ幸いです。

関連する推奨事項:

js スクロール バーの複数のスタイル、推奨_javascript スキル

js スクロール バー トップに戻る code_javascript スキル

js スクロール バーのスムーズな動きの例 Code_javascript のヒント

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

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