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

作者:纸飞机

时间:2026-10-29

浏览:248

本文介绍了一种通过JavaScript检测页面是否出现滚动条的方法。该方法通过临时修改元素的scrollLeft和scrollTop值,比较修改前后的差异来判断水平和垂直滚动条的存在情况,适用于需要动态处理页面布局的场景。

文章目录

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

本文介绍了一种使用JavaScript检测页面是否出现滚动条的具体实现方式,供读者参考。


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开发者在页面布局处理方面有所帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章