当前位置:首页 > 电脑知识 > 正文内容

一看就会(js判断有没有滚动条)js判断div是否有滚动条,js判断元素是否有滚动条的方法,js判断元素是否有滚动条的方法,

sauo3年前 (2022-09-17)电脑知识91

前端网页的有事动态事件中,需要我们判断某些DIV元素是否有滚动条,下面就详细的介绍一下。

js 判断是否有滚动条的方法

js 判断页面或DIV是否滚动条,其解决思路非常的简单,首先使用js控制元素先滚动一定值,然后再取当前滚动值是否大于0,如果大于0就说明有滚动条,等于0说明没有滚动成功则自然是没有滚动条

例1:js判断页面是否有滚动条

JavaScript
// 飞鸟慕鱼博客 feiniaomy.com document.documentElement.scrollTop = 10; //先滚动一下页面的滚动条 if (document.documentElement.scrollTop > 0) { //判断滚动条是否发生了偏远 console.log(有滚动条); } else { console.log(无滚动条); } document.documentElement.scrollTop = 0; //恢复滚动条到顶部复制

例2:JS判断某个指定DIV元素是否有滚动条

Markup
<div id="mochu"> <p>飞鸟慕鱼博客</p> <p>http://feiniaomy.com</p> </div> <script> // 飞鸟慕鱼博客 feiniaomy.com document.getElementById(mochu).scrollTop = 10; //先滚动一下页面的滚动条 if (document.getElementById(mochu) > 0) { //判断滚动条是否发生了偏远 console.log(有滚动条); } else { console.log(无滚动条); } document.getElementById(mochu).scrollTop = 0; //恢复滚动条到顶部 </script>复制

jquery 判断是否有滚动条的方法

利用jq来判断html元素是否有滚动条,其解决方法的原理与上面js判断页面或DIV是否有滚动条的原理一样。

例1:jq判断整个页面是否有滚动条

JavaScript
// 飞鸟慕鱼博客 feiniaomy.com $("body").scrollTop(5); //控制滚动条下移 5px if( $("body").scrollTop() > 0 ){ //判断滚动条是否发生了偏移 alert("有滚动条"); }else{ alert("没有滚动条"); } $("body").scrollTop(0);//恢复滚动条返回顶部复制

例2:jq 判断指定元素是存在滚动条

JavaScript
<div id="mochu"> <p>飞鸟慕鱼博客</p> <p>http://feiniaomy.com</p> </div> <script> // 飞鸟慕鱼博客 feiniaomy.com $("#mochu").scrollTop(5); //控制滚动条下移 5px if( $("#mochu").scrollTop() > 0 ){ //判断滚动条是否发生了偏移 alert("有滚动条"); }else{ alert("没有滚动条"); } $("#mochu").scrollTop(0);//恢复滚动条返回顶部 </script>复制

本文链接:http://blog.sauo.top/?id=305 感谢分享!

分享到:

扫描二维码推送至手机访问。

版权声明:本文由冬眠先生个人博客发布,如需转载请注明出处。

本文链接:http://blog.sauo.top/?id=305

分享给朋友:

“一看就会(js判断有没有滚动条)js判断div是否有滚动条,js判断元素是否有滚动条的方法,js判断元素是否有滚动条的方法,” 的相关文章

深度揭秘(Ubuntu 防火墙设置)ubuntu防火墙配置文件,ubuntu防火墙的安装与设置,ubuntu防火墙的安装与设置,

免费领取腾讯云服务器! ubuntu系统中的防火墙使用的是iptables,而为了方便防火墙的设置ubuntu提供了一个防火墙管理工具ufw.下面这篇文章就说一说关于防火墙管理工具ufw的安装与使用方法。 ubuntu防火墙ufw的安装与设...

这都可以?(php获取服务器信息)php获取客户端,php获取服务器操作系统类型的方法,php获取服务器操作系统类型的方法,

免费领取腾讯云服务器! 利用php脚本中的 php_uname() 函数与 PHP_OS 变量可以获取服务器操作系统的类型,具体的使用方法如下。 php获取服务器操作系统的方法 1、php_uname() 获取服务器操作系统...

全程干货(查看php是否启动)查看php是否支持rar解压,查看php是ts版本还是nts版本的方法,查看php是ts版本还是nts版本的方法,

全程干货(查看php是否启动)查看php是否支持rar解压,查看php是ts版本还是nts版本的方法,查看php是ts版本还是nts版本的方法,

免费领取腾讯云服务器! 今天有用户来询问php的ts版本与php的nts版本的区别是什么,怎么去查看自己安装的php服务是ts版本还是nts版本,下面博文就来详细的说一下。 php ts版本与nts版本的区别 php官方提供...

没想到(PHP重定向)php获取重定向后的地址,php实现页面重定向的方法,php实现页面重定向的方法,

免费领取腾讯云服务器! php脚本实现页面重定向有多种方法,下面列几种简单的方法,供大家来参考一下。 php实现页面重定向的方法 方法1: 使用php中的 header() 函数来实现页面的跳转,实现重定向的...

这都可以(php保存网络图片到本地)php下载图片到本地,php保存图片到本地的方法,php保存图片到本地的方法,

免费领取腾讯云服务器! 下面列几种网上收集的利用php脚本将远程图片保存至本地的方法,各位自行测试代码是否可用,另外php保存远程图片到本地并不能确保百分百的一定会拉取到远程图片的数据。 php保存远程图片到本地的方法 方法...

干货分享(php输出json中文乱码)json数据中文乱码怎么办,解决 php json中文乱码的问题,解决 php json中文乱码的问题,

免费领取腾讯云服务器! php输出使用json_encode函数生成的json数据的时候,发现数据中的中文被转义成了unicode编码,如果使用ajax请求的json数据还好一点,浏览器会自动将unicode编码转义回来,但如果直接输出到浏览器上,那就会直...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。