我有一个包含 2 列和多行的表
<table border=0 id="feed">
<tr><td>something</td><td><div class="bubble"></div></td></tr>
<tr><td style="">something1</td><td><div class="bubble"></div></td></tr>
<tr><td style="">something2</td><td><div class="bubble"></div></td></tr>
<tr><td style="">something3</td><td><div class="bubble"></div></td></tr>
<tr><td style="">something4</td><td><div class="bubble"></div></td></tr>
<tr><td style="">something5</td><td><div class="bubble"></div></td></tr>
<tr><td>something-else1</td><td><div class="bubble"></div></td></tr>
<tr><td>something-els2</td><td><div class="bubble"></div></td></tr>
</table>
我希望能够向下滚动而不显示滚动条(意味着行的总高度超过 800px 限制)。我正在寻找 Chrome/Firefox 兼容的修复程序。
目前的属性feed:
#feed{
display: block;height: 800px;overflow-y: scroll;
}
这只适用于 chrome 框架:
#feed::-webkit-scrollbar {
display: none;
}
EDIT:
我尝试将父级添加到表中(根据隐藏滚动条,但仍然可以滚动 https://stackoverflow.com/questions/16670931/hide-scroll-bar-but-still-being-able-to-scroll/16671476#16671476):
#outer{
overflow-y:hidden;
height:800px;
}
#feed{overflow:scroll;}
HTML:
<div id="outer"><table border=0 id="feed">...</table></div>
请注意,总高度大于 800 像素,因此滚动应该可以。但事实并非如此。
你可以这样做:
#feed{
display: block;
height: 100px;
overflow-y: scroll;
margin-right: -30px;
}
#outer{
overflow:hidden;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)