藍獅主管: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
- 滾動cell 顯示隱藏導航欄
- 隱藏滾動條保留滾動效果
- javascript隱藏和顯示div的方法JavaScript
- css隱藏滾動條並可以滾動CSS
- 使用CSS隱藏元素滾動條CSS
- 怎麼把"滾動條"隱藏?
- css實現隱藏滾動條CSS
- view的隱藏和顯示View
- ext的window如何隱藏水平滾動條
- 表格顯示滾動條
- 記一次滾動條隱藏
- 3種方法實現CSS隱藏滾動條並可以滾動內容CSS
- MacOS X隱藏和顯示隱藏檔案Mac
- Mac顯示和隱藏“隱藏檔案”命令Mac
- Mac下顯示和隱藏隱藏檔案的命令Mac
- jQuery 效果 – 隱藏和顯示jQuery
- MAC如何顯示隱藏檔案和隱藏隱藏檔案的命令Mac
- css實現隱藏滾動條並可以滾動內容CSS
- css隱藏滾動條程式碼例項CSS
- steam隱藏的遊戲怎麼顯示出來 steam隱藏顯示遊戲方法介紹遊戲
- javascript動態設定div的顯示和隱藏JavaScript
- js動態控制表單的顯示和隱藏JS
- Mac新手教程:讓Dock自動顯示和隱藏程式塢的方法Mac
- OSX中隱藏和顯示[隱藏檔案]的命令列命令列
- 如何隱藏scroll-Y縱向滾動條,並不影響內容滾動的方法
- 手機直播原始碼,滾動條在滑動時顯示,靜止時恢復隱藏狀態原始碼
- mac顯示隱藏檔案,取消顯示隱藏檔案Mac
- 使用 hide和 show方法來隱藏和顯示 HTML 元素IDEHTML
- 不能顯示隱藏檔案的終極方法
- JavaScript側邊欄顯示和隱藏JavaScript
- javaScript顯示和隱藏(display屬性)JavaScript
- JavaScript 點選一個按鈕 div的隱藏和顯示JavaScript
- iOS 隱藏&顯示tabBariOStabBar
- win10怎麼顯示隱藏資料夾 win10顯示隱藏資料夾的方法Win10
- JavaScript點選一個按鈕隱藏和顯示divJavaScript
- 動態隱藏/顯示選擇螢幕
- javascript動態隱藏顯示技術(轉)JavaScript