溢出：滚动;
所以目前我有：
#div {
position: relative;
height: 510px;
overflow-y: scroll;
}
然而，我不相信有些用户会看到那里有更多的内容。 他们可以在不知道我的div实际包含更多内容的情况下向下滚动页面。 我使用510px的高度，这样它会切断一些文本，所以在一些页面上，它看起来像有更多的内容，但这不适用于所有这些内容。
我使用的是Mac，而在Chrome和Safari中，垂直滚动条仅在鼠标位于Div并且您正在滚动时显示。 有没有办法让它始终显示？
我自己就遇到了这个问题。 OSx Lion在未使用时隐藏了滚动条，使其看起来更“光滑”，但同时出现了您提到的问题：人们有时无法看到div是否具有滚动功能。
修复：在你的CSS包括 -
@media(device-width: 768px) and (device-height: 1024px){
::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
}
根据需要定制外观。 资源
请注意，在iPad Safari上，如果您有以下情况，NoviceCoding的解决方案将无法使用： - webkit-overflow-scrolling: touch; 在你的CSS的某处。 解决方法是删除所有出现的-webkit-overflow-scrolling: touch; 或者把-webkit-overflow-scrolling: auto; 与NoviceCoding的解决方案。
这将在我的测试中与iOS 7.1.x上的Safari一起使用，但我不确定iOS 6是什么。 但是，它不适用于Firefox。 有一个jQuery插件，其目标是跨浏览器兼容称为jScrollPane。
另外，Stack Overflow有一个重复的帖子，它有一些其他的细节。
链接地址: http://www.djcxy.com/p/88289.html上一篇: Overflow: Scroll;