Rumah > hujung hadapan web > tutorial js > jquery怎么判断滚动条是否存在

jquery怎么判断滚动条是否存在

王林
Lepaskan: 2020-11-30 17:21:33
asal
2288 orang telah melayarinya

jquery判断滚动条是否存在的方法:首先利用jquery控制滚动条滚动;然后判断滚动条是否有偏移,如果存在偏移,则说明滚动条存在,反之,则说明滚动条不存在。

jquery怎么判断滚动条是否存在

本教程操作环境:Windows7系统、jquery1.10.0版,本文适用于所有品牌的电脑。

判断思路:

利用jQuery控制滚动条滚动,再判断滚动条是否有偏移。如果有,则存在滚动条,相反没有滚动就不存在。

(学习视频分享:jquery视频教程

代码实现:

<script type="text/javascript">
$(function(){
    $("body").scrollTop(10);//控制滚动条下移10px
    if( $("body").scrollTop()>0 ){
        alert("有滚动条");
    }else{
        alert("没有滚动条");
    }
    $("body").scrollTop(0);//滚动条返回顶部
});
</script>
Salin selepas log masuk

相关推荐:js教程

Atas ialah kandungan terperinci jquery怎么判断滚动条是否存在. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan