因此,目前我有:
\div{
位置:相对位置;
高度:510px;
溢出y:滚动;
}
然而,我不认为对一些用户来说,那里有更多的内容是显而易见的。他们可以在不知道我的div实际上包含更多内容的情况下向下滚动页面。我使用了高度510px,这样它就可以剪切一些文本,所以在一些页面上看起来确实有更多的内容,但这并不适用于所有页面
我使用的是Mac,在Chrome和Safari中,垂直滚动条只有在鼠标位于Div上方且您主动滚动时才会显示。有没有办法让它一直显示出来
我自己也遇到了这个问题。OSx Lion在不使用滚动条时隐藏滚动条,使其看起来更“光滑”,但与此同时,您提到的问题也出现了:人们有时无法看到div是否具有滚动功能
修正:在你的css中包括-
::-webkit滚动条{
-webkit外观:无;
宽度:7px;
}
:-webkit滚动条拇指{
边界半径:4px;
背景色:rgba(0,0,0,5);
长方体阴影:0 1px rgba(255、255、255、.5);
}
/*始终显示滚动条*/
:-webkit滚动条{
-webkit外观:无;
宽度:7px;
}
:-webkit滚动条拇指{
边界半径:4px;
背景色:rgba(0,0,0,5);
长方体阴影:0 1px rgba(255、255、255、.5);
}
/*演示用css*/
#容器{
高度:4em;
/*比孩子矮*/
溢出y:滚动;
/*将高度剪裁为4em并滚动以显示其余部分*/
}
#孩子{
高度:12公分;
/*高于父级以强制滚动*/
}
/*===忽略下面的内容,这只是为了帮助视觉效果*/
#容器{
背景色:#ffc;
}
#孩子{
利润率:30像素;
背景色:#eee;
文本对齐:居中;
}
<;div id=“容器”>;
<;div id=“child”>;示例</部门>;
</部门>
根据需要自定义外观。来源