如何在Firefox中隱藏滾動條？

我剛剛找到了如何隱藏在谷歌瀏覽器的滾動條，我使用此代碼做了它：如何在Firefox中隱藏滾動條？

::-webkit-scrollbar { display: none; }

唯一的問題是，這樣做在Firefox上不工作。

試過很多方法可以做，但仍然無效。

有人可以幫忙嗎？

來源

2014-01-08 Daan Kleijngeld

沒有按」這樣做似乎是一個好主意。使用隱藏在html，body上的css overflow並使用100％高度和寬度的包裝div。 – Abhitalks

這可能有點太明顯了，但是你試過Firefox嗎？雖然我同意abhitalks，但這似乎並不是一種很好的方法。 – Myles

http://stackoverflow.com/questions/15394065/firefox-scroll-bar-hidden – Jacob

-1

Mozilla支持論壇中的文章討論了「如何隱藏或禁用垂直和水平滾動條？」

確保您已將userChrome.css文件放入Firefox配置文件文件夾的chrome文件夾中。

此chrome文件夾默認情況下不存在，需要創建。

http://kb.mozillazine.org/Editing_configuration/Troubleshooting

@namespace URL（「http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul」）;/*只需要做一次*/

#content browser { 
margin-right: -14px !important; 
overflow-y: scroll; 
overflow-x: hidden; 
}

您可以在下面的鏈接查看此

http://support.mozilla.org/en-US/questions/957337

來源

2014-01-08 13:48:19 Mahib

請描述該鏈接背後的內容，如果該頁面被移除或鏈接死亡，則此答案將毫無用處。 –

如何隱藏或禁用垂直和水平滾動條？ – Mahib

它不適用於'Firefox'版本58.0.2 – AmerllicA

這是一個通用的解決方案的東西：

<div class="outer"> 
<div class="inner"> 
    Some content... 
</div> 
</div> 

<style> 
.outer { 
overflow: hidden; 
} 
.inner { 
margin-right: -16px; 
overflow-y: scroll; 
overflow-x: hidden; 
} 
</style>

滾動條被父div隱藏。

這需要你使用overflow：隱藏在父div中。

來源

2014-01-08 13:48:37 Myles

工作，但不可靠，因爲16px只是滾動條的假定寬度。當你複製時， – igorpavlov

+22

給真正的作者@chowey。 http://stackoverflow.com/questions/15394065/firefox-scroll-bar-hidden?lq=1 –

當div div內容長度大於屏幕寬度時，它不適用於FF 56 –

我能夠隱藏滾動條，但仍然能夠滾動鼠標滾輪使用此解決方案：

html {overflow: -moz-scrollbars-none;}

下載插件https://github.com/brandonaaron/jquery-mousewheel，包括這樣的功能：

jQuery('html,body').bind('mousewheel', function(event) { 
    event.preventDefault(); 
    var scrollTop = this.scrollTop; 
    this.scrollTop = (scrollTop + ((event.deltaY * event.deltaFactor) * -1)); 
    //console.log(event.deltaY, event.deltaFactor, event.originalEvent.deltaMode, event.originalEvent.wheelDelta); 
    });

來源

2014-09-18 05:07:33 CrazyScientist

這似乎等同於「溢出：隱藏;「並且不允許滾動:-( – bob

適用於我 - 現在隱藏在Firefox中的水平滾動條，謝謝！ –

嘗試使用此：

overflow-y: -moz-hidden-unscrollable;

來源

2017-12-28 15:41:50 peeter

它隱藏了'scrollbar'，但是停止了滾動操作，'overflow-y：-moz-hidden-unscrollable;有什麼區別？ '和'overflow：hidden'。實際上沒有，所以這不是正確的答案，但我給你一個投票，謝謝。 – AmerllicA

對於webkit的使用下列內容：

::-webkit-scrollbar { 
    width: 0px; /* remove scrollbar space */ 
    background: transparent; /* optional: just make scrollbar invisible */ 
}

Mozilla Firefox的使用下面的代碼：

@-moz-document url-prefix() { 
    html,body{overflow: hidden !important;} 
}

，如果滾動不工作，然後添加

element {overflow-y: scroll;}

特定元素

來源

2018-02-28 05:21:10

如何在Firefox中隱藏滾動條？

回答

相關問題