ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryで要素にスクロールバーがあるかどうかを確認する方法

jqueryで要素にスクロールバーがあるかどうかを確認する方法

coldplay.xixi
リリース: 2021-01-25 15:34:09
オリジナル
3041 人が閲覧しました

判定方法: 最初に「$("body").scrollTop(10)」ステートメントを使用してスクロールバーのスクロールを制御し、次に「if( $("body").scrollTop()>」を使用します。 ;0)" このステートメントは、スクロール バーがオフセットされているかどうかを判断します。オフセットがある場合、スクロール バーは存在します。逆に、スクロールしないとスクロール バーは存在しません。

jqueryで要素にスクロールバーがあるかどうかを確認する方法

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

jQuery が要素にスクロール バーがあるかどうかを判断する方法:

jQuery を使用してスクロール バーのスクロールを制御し、スクロール バーがオフセットされているかどうかを判断します。存在する場合はスクロール バーが存在しますが、そうでない場合はスクロールせずには存在しません。

<script type="text/javascript">
$(function(){
  $("body").scrollTop(10);//控制滚动条下移10px
  if( $("body").scrollTop()>0 ){
    alert("有滚动条");
  }else{
    alert("没有滚动条");
  }
  $("body").scrollTop(0);//滚动条返回顶部
});
</script>
ログイン後にコピー

関連する学習に関する推奨事項: JavaScript ビデオ チュートリアル

以上がjqueryで要素にスクロールバーがあるかどうかを確認する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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