藍獅主管:641480+滾動條顯示和隱藏的幾個方法
1)隱藏瀏覽器滾動條
JS原生方法 :
document.body.parentNode.style.overflowY = "hidden";
jquery方法 :
$("body").parent().css("overflow-y","hidden");
(2)顯示瀏覽器滾動條
JS原生方法 :
document.body.parentNode.style.overflowY = "auto";
jquery方法 :
$("body").parent().css("overflow-y","auto");
網路其他方法:
PS:測試存在瑕疵,請慎重使用!!
(1)禁止滾動,滾動條不消失,頁面大小不閃動
禁止滾動條滾動
function unScroll() { var top = $(document).scrollTop(); $(document).on('scroll.unable',function (e) { $(document).scrollTop(top); }) }
移除禁止滾動條滾動
function removeUnScroll() { $(document).unbind("scroll.unable"); }
(2)禁止滾動,滾動條消失,會有閃動
滾動條消失
$('html,body').css({'overflow': 'hidden'});
滾動條出現
$('html,body').css({'overflow': 'auto'});
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70009334/viewspace-2846066/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- css隱藏滾動條CSS
- 隱藏滾動條保留滾動效果
- javascript隱藏和顯示div的方法JavaScript
- css隱藏滾動條並可以滾動CSS
- 使用CSS隱藏元素滾動條CSS
- 3種方法實現CSS隱藏滾動條並可以滾動內容CSS
- 表格顯示滾動條
- 記一次滾動條隱藏
- Mac顯示和隱藏“隱藏檔案”命令Mac
- 區塊的顯示和隱藏
- css實現隱藏滾動條並可以滾動內容CSS
- jQuery 效果 – 隱藏和顯示jQuery
- Mac新手教程:讓Dock自動顯示和隱藏程式塢的方法Mac
- OSX中隱藏和顯示[隱藏檔案]的命令列命令列
- 如何隱藏scroll-Y縱向滾動條,並不影響內容滾動的方法
- 使用 hide和 show方法來隱藏和顯示 HTML 元素IDEHTML
- 手機直播原始碼,滾動條在滑動時顯示,靜止時恢復隱藏狀態原始碼
- mac顯示隱藏檔案,取消顯示隱藏檔案Mac
- JavaScript動畫方式控制div元素的隱藏和顯示JavaScript動畫
- steam隱藏的遊戲怎麼顯示出來 steam隱藏顯示遊戲方法介紹遊戲
- jQuery動畫的顯示與隱藏效果jQuery動畫
- jQuery動畫的顯示與隱藏效果!jQuery動畫
- 元素的隱藏和顯示(display ,visibility ,overflow)
- jqgrid動態顯示,隱藏指定列
- win10怎麼顯示隱藏資料夾 win10顯示隱藏資料夾的方法Win10
- iOS 隱藏&顯示tabBariOStabBar
- chrome,firfox,IE實現隱藏滾動條但是可以正常滾動(瀏覽器自帶隱藏屬性實現)Chrome瀏覽器
- 動態控制C4C UI元素的顯示和隱藏UI
- FloatingActionButton在RecycleView中滑動隱藏顯示View
- CSS點選隱藏和顯示div效果CSS
- Mac OS X 顯示和隱藏檔案Mac
- excel隱藏的部分如何顯示出來 excel裡面怎麼顯示隱藏部分Excel
- Three.js控制物體顯示與隱藏的方法JS
- win10圖示隱藏了怎麼弄出來_win10顯示隱藏的圖示設定方法Win10
- Mac顯示/不顯示隱藏檔案教程!Mac
- jQuery幾種隱藏span的方法jQuery
- div顯示滾動條(類似合同閱讀)
- # Flutter控制元件的顯示和隱藏的三種方式Flutter控制元件