隐藏滚动条（启用滚动）

我有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{ 
    display: block;height: 800px;overflow-y: scroll; 
}

上的镀铬框架这仅适用于：

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

编辑：

我尝试添加父表（根据Hide scroll bar, but still being able to scroll）：

#outer{ 
    overflow-y:hidden; 
    height:800px; 
} 
#feed{overflow:scroll;}

HTML：

<div id="outer"><table border=0 id="feed">...</table></div>

请注意，总高度大于800像素，从而滚动应该工作。但它并没有。

来源

2014-03-05 Gabe

你如何期待人们滚动（甚至不知道有可滚动到隐藏的内容），而不显示滚动条？ “溢出：隐藏”似乎适合你想要的，但这将是糟糕的用户体验。 –

检查这[链接]（http://stackoverflow.com/a/16671476/1577396） –

@RoryMcCrossan不，这将禁用滚动功能。在我工作的上下文中，滚动消息列表可以扣除“隐藏内容”的存在。 – Gabe

你可以这样说：

#feed{ 
    display: block; 
    height: 100px; 
    overflow-y: scroll; 
    margin-right: -30px; 
} 

#outer{ 
    overflow:hidden; 
}

来源

2014-03-05 10:45:46

因为我的小桌子，我用了100px的高度:) –

来源

2014-03-05 10:13:08

隐藏滚动条（启用滚动）

回答

相关问题