当前位置: 首页 > 编程笔记 >

JS判断页面是否出现滚动条的方法

鲁烨熠
2023-03-14
本文向大家介绍JS判断页面是否出现滚动条的方法,包括了JS判断页面是否出现滚动条的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了JS判断页面是否出现滚动条的方法。分享给大家供大家参考。具体如下:

var isScroll = function (el) {
   // test targets
   var elems = el ? [el] : [document.documentElement, document.body];
   var scrollX = false, scrollY = false;
   for (var i = 0; i < elems.length; i++) {
     var o = elems[i];
     // test horizontal
     var sl = o.scrollLeft;
     o.scrollLeft += (sl > 0) ? -1 : 1;
     o.scrollLeft !== sl && (scrollX = scrollX || true);
     o.scrollLeft = sl;
     // test vertical
     var st = o.scrollTop;
     o.scrollTop += (st > 0) ? -1 : 1;
     o.scrollTop !== st && (scrollY = scrollY || true);
     o.scrollTop = st;
   }
   // ret
   return {
     scrollX: scrollX,
     scrollY: scrollY
   };
 };

 希望本文所述对大家的javascript程序设计有所帮助。

 类似资料:
  • 本文向大家介绍JS实现判断滚动条滚到页面底部并执行事件的方法,包括了JS实现判断滚动条滚到页面底部并执行事件的方法的使用技巧和注意事项,需要的朋友参考一下 需要了解三个dom元素,分别是:clientHeight、offsetHeight、scrollTop。 clientHeight:这个元素的高度,占用整个空间的高度,所以,如果一个div有滚动条,那个这个高度则是不包括滚动条没显示出来的下面部

  • 本文向大家介绍js判断是否是手机页面,包括了js判断是否是手机页面的使用技巧和注意事项,需要的朋友参考一下 话不多说,请看代码: 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持呐喊教程!

  • 本文向大家介绍js判断滚动条是否已到页面最底部或顶部实例,包括了js判断滚动条是否已到页面最底部或顶部实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js判断滚动条是否已到页面最底部或顶部的方法。分享给大家供大家参考。具体分析如下: 我们经常会看到很多的网站一个返回顶部效果就是当我们滚动条到指定位置时返回顶部出来了,否则就自动隐藏了,下面就来给大家介绍这种效果实现原理与方法。 当可视区

  • 本文向大家介绍jQuery判断是否存在滚动条的简单方法,包括了jQuery判断是否存在滚动条的简单方法的使用技巧和注意事项,需要的朋友参考一下 利用jQuery控制滚动条滚动,再判断滚动条是否有偏移。如果有,则存在滚动条,相反没有滚动就不存在。 以上这篇jQuery判断是否存在滚动条的简单方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 本文向大家介绍写一个方法判断页面滚动方向相关面试题,主要包含被问及写一个方法判断页面滚动方向时的应答技巧和注意事项,需要的朋友参考一下

  • 本文向大家介绍js判断登录与否并确定跳转页面的方法,包括了js判断登录与否并确定跳转页面的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js判断登录与否并确定跳转页面的方法。分享给大家供大家参考。具体如下: 使用session存储,确定用户是否登录,从而确定页面跳转至哪个页面。 判断本地有无customerID: html中,相应的a标签中,写onclick="infoJumpTo"