藍獅主管:641480+滾動條顯示和隱藏的幾個方法

wangchengjung發表於2021-12-06

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/,如需轉載,請註明出處,否則將追究法律責任。

相關文章