當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
JS判断是否出现滚动条
生活随笔
收集整理的這篇文章主要介紹了
JS判断是否出现滚动条
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
http://www.cnblogs.com/yazdao/archive/2010/12/06/1897742.html
該博文是想用JS檢測瀏覽器是否出滾動條。
?
這邊想到一個比較取巧的方法,
假如沒有出滾動條的時候,手工給增加一個滾動值會怎么樣?
程序上就是給body或documentElement的scrollLeft、scrollTop賦值,
馬上動手實現了一下,結果跟我意想的差不多,呵呵
瀏覽器在沒有出滾動條的時候,賦值后該值不會發生變化,始終是0。
?
?
另外擴展了一下,該檢測方法,不僅可以檢測頁面滾動條,
傳入要檢測的節點,一樣可以得到想要的結果。
?
以下是我的實現,沒有做太多異常處理:
(給scrollLeft,scrollTop賦負數值時會報錯,此外scrollLeft,scrollTop的值不能大于實際最大的滾動值)
var isScroll = function (el) {// test targetsvar 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 horizontalvar sl = o.scrollLeft;o.scrollLeft += (sl > 0) ? -1 : 1;o.scrollLeft !== sl && (scrollX = scrollX || true);o.scrollLeft = sl;// test verticalvar st = o.scrollTop;o.scrollTop += (st > 0) ? -1 : 1;o.scrollTop !== st && (scrollY = scrollY || true);o.scrollTop = st;}// retreturn {scrollX: scrollX,scrollY: scrollY};};出自于:http://my.oschina.net/oncereply/blog/38511
轉載于:https://www.cnblogs.com/hello-ruby/p/4305811.html
總結
以上是生活随笔為你收集整理的JS判断是否出现滚动条的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 高性能mysql主存架构
- 下一篇: MagicalRecord使用中的注意事