在Chrome / Android中呈现时,网站按预期显示,但在IE / Firefox中会出现一些垂直滚动条。简化代码:
CSS
<html>
<body>
<div class="menu">
<div class="container">
<div class="links">
HTML结构
{{1}}
我希望我复制了足够的代码来显示问题。如果需要,我可以链接网站。
这个想法是让链接div可以垂直滚动但不显示滚动条。
修改:这里是完整的代码:http://www.jcml.pt
Edit2 :我能够修复它(但是在我的回答中可以看到另一个问题)。
答案 0 :(得分:0)
嗯......
overflow-y: scroll;
表示如果内容在y轴(垂直)上溢出,则显示滚动条。听起来这就是你所看到的。并且这段代码有效! (LOL)
尝试调整发生这种情况的元素(或父元素)的height:
,在IE或Firefox中可能需要更多像素的空间来显示垂直空间中的所有内容;浏览器呈现/读取的方式略有不同(特别是定义为100%或自动)。
然后移除overflow-y: scroll;
将其留空或声明overflow-y: auto;
,或者如果仍有问题,请尝试定义height
像素或使用{{1}声明max-height:
如果您的仍然有问题,请尝试更新您的问题,以便我们完全理解并提供JSfiddle演示和/或屏幕截图。
答案 1 :(得分:-1)
由于它在Chrome上运行,我认为我正朝着正确的方向前进并搜索更多内容并找到了这个方案: http://blogs.msdn.com/b/kurlak/archive/2013/11/03/hiding-vertical-scrollbars-with-pure-css-in-chrome-ie-6-firefox-opera-and-safari.aspx
我能够通过创建两个容器而不是一个容器来解决问题(但现在它根本不滚动 - 我以后必须处理的事情)。代码可以在这里看到:http://www.jcml.pt/3