JS判斷頁面是否出現(xiàn)滾動條的方法

更新時間：2015年07月17日 09:08:35 作者：答復哈

這篇文章主要介紹了JS判斷頁面是否出現(xiàn)滾動條的方法,涉及javascript針對頁面元素的讀取與判定實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了JS判斷頁面是否出現(xiàn)滾動條的方法。分享給大家供大家參考。具體如下：

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程序設(shè)計有所幫助。

您可能感興趣的文章:

JS
滾動條

相關(guān)文章

關(guān)于javascript中this關(guān)鍵字(翻譯+自我理解)
在傳統(tǒng)面向?qū)ο笳Z言中，this關(guān)鍵字是個很乖的小孩，從不亂跑，該是誰的就是誰的?？墒窃贘avaScript中，我們發(fā)現(xiàn)它不那么乖，有時甚至把我們搞的暈頭轉(zhuǎn)向的。所以有必要對它稍微做個總結(jié)。
2010-10-10
javascript將中國數(shù)字格式轉(zhuǎn)換成歐式數(shù)字格式的簡單實例
下面小編就為大家?guī)硪黄猨avascript將中國數(shù)字格式轉(zhuǎn)換成歐式數(shù)字格式的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-08-08
JavaScript實現(xiàn)LI列表數(shù)據(jù)綁定的方法
這篇文章主要介紹了JavaScript實現(xiàn)LI列表數(shù)據(jù)綁定的方法,可實現(xiàn)綁定Li列表項對應數(shù)值項的功能,涉及javascript鼠標onmousemove、onmouseout及onclick等事件的相關(guān)使用技巧,需要的朋友可以參考下
2015-08-08
基于Web Audio API實現(xiàn)音頻可視化效果
這篇文章主要介紹了基于Web Audio API實現(xiàn)音頻可視化效果,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2020-06-06
用js實現(xiàn)小球的自由移動代碼
本篇文章小編為大家介紹，用js實現(xiàn)小球的自由移動代碼。需要的朋友參考下
2013-04-04
Bootstrap警告框（Alert）插件使用方法
這篇文章主要為大家詳細介紹了Bootstrap 警告框（Alert）插件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-03-03
27個JavaScript數(shù)組常見方法匯總與實例說明
這篇文章主要介紹了JavaScript數(shù)組常見方法匯總與實例說明包括數(shù)組修改，數(shù)組增加，數(shù)組遍歷,數(shù)組排序等操作,需要的朋友可以參考下
2022-12-12
JS操作字符串轉(zhuǎn)換為數(shù)值并取整的代碼
這篇文章主要介紹了JS操作字符串轉(zhuǎn)換為數(shù)值并取整的代碼，代碼比較短，需要的朋友可以參考下
2014-01-01
在Google 地圖上實現(xiàn)做的標記相連接
這篇文章主要介紹了在Google 地圖上實現(xiàn)做的標記相連接,需要的朋友可以參考下
2015-01-01
JavaScript實現(xiàn)自定義媒體播放器方法介紹
本文主要介紹了JavaScript自定義媒體播放器的實現(xiàn)過程與方法，具有一定的參考作用，下面跟著小編一起來看下吧
2017-01-01