jqueryにスクロールバーが存在するかどうかを確認する方法

王林
リリース: 2020-11-30 17:21:33
オリジナル
2281 人が閲覧しました

スクロール バーが存在するかどうかを判断するための Jquery メソッド: 最初に jquery を使用してスクロール バーのスクロールを制御し、次にスクロール バーがオフセットされているかどうかを判断します。オフセットがある場合は、スクロール バーが存在することを意味します。それ以外の場合は、スクロール バーが存在することを意味します。 、スクロールバーが存在しないことを意味します。

jqueryにスクロールバーが存在するかどうかを確認する方法

このチュートリアルの動作環境: Windows 7 システム、jquery バージョン 1.10.0 この記事は、すべてのブランドのコンピューターに適用されます。

判断のアイデア:

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

(学習ビデオ共有: jquery ビデオ チュートリアル)

コード実装:

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

関連する推奨事項: js チュートリアル

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

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