如何删除双滚动条？

我的网站在Chrome和Firefox上有一个双滚动条（两个浏览器都是最新的）。我一直在研究网络和计算器，并尝试下面的html元素上建议选择：如何删除双滚动条？

html { overflow: hidden; } - 后 - html { overflow: auto; } - 和 - html { overflow: scroll; }

他们没有摆脱了双杆的，有的甚至更糟阻止我滚动。

我不确定要定位哪个其他元素或可能导致此问题。有没有人有建议？

2017-06-02 Shutsen

请阅读标记说明 - 标记此“双”没有任何意义;标签已移除。 – CBroe

'html {overflow：auto; }'和'.site {overflow-x：hidden; }'似乎是造成这种情况。如果可能，删除两个。（如何处理主要滚动最好留给浏览器，而不要混淆在你自己的CSS中。） – CBroe

谢谢你CBroe！显然WooCommerce的Storefront主题增加了这个'.site {overflow-x：hidden; }默认情况下的样式。将其设置为默认的“可见”解决了问题。 – Shutsen

你有你的overflow:auto HTML元素，如果该元素超过上一些浏览器的屏幕尺寸，这将增加一个滚动条。

汽车
取决于用户代理。如果内容适合内部，看起来与overflow：visible完全相同，但仍然建立一个新的块格式上下文。如果内容溢出，Firefox等桌面浏览器会提供滚动条。

2017-06-02 09:55:34 Gant

回答