日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > javascript >内容正文

javascript

JS判断是否出现滚动条

發布時間:2025/6/17 javascript 32 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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判断是否出现滚动条的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。