我有一个漂亮的滚动条，它可以在Chrome和Safari最新版本中使用。是否可以使用纯CSS为IE9+创建相同类型的滚动条？CSS:.scrollbar{float:left;height:300px;background:#F5F5F5;overflow-y:scroll;margin-bottom:25px;}.scrollbar-active{min-height:450px;}#scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);background-color:#F5F5F5
现在使用此代码(以及此代码的许多变体)，但滚动轨道会变成深灰色，类似于#222222或接近此。找到很多例子，但所有例子都给出相同的结果。Opera、Chrome和Firefox显示了这个错误。如何修复？#style-3::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);background-color:transparent;}#style-3::-webkit-scrollbar{width:6px;background-color:transparent;}#style-3::-webkit-
现在使用此代码(以及此代码的许多变体)，但滚动轨道会变成深灰色，类似于#222222或接近此。找到很多例子，但所有例子都给出相同的结果。Opera、Chrome和Firefox显示了这个错误。如何修复？#style-3::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);background-color:transparent;}#style-3::-webkit-scrollbar{width:6px;background-color:transparent;}#style-3::-webkit-
简单来说，这就是我想要的(使用-webkit-scrollbar在Webkit浏览器上获得):这就是我在Opera上得到的(Firefox也不将边框半径应用到滚动条，但仍然应用边框):有没有简单的方法让滚动条下的边框不消失？我不需要-webkit-scrollbar的华丽风格，但我希望页面看起来干净且对称... 最佳答案 我也遇到了同样的问题。这不是最优雅的解决方案，但只需在外框内放置一个较小的div，这样滚动条就不会与外框重叠。喜欢从thispen复制的这段代码:.box{height:200px;width:250px;bord
简单来说，这就是我想要的(使用-webkit-scrollbar在Webkit浏览器上获得):这就是我在Opera上得到的(Firefox也不将边框半径应用到滚动条，但仍然应用边框):有没有简单的方法让滚动条下的边框不消失？我不需要-webkit-scrollbar的华丽风格，但我希望页面看起来干净且对称... 最佳答案 我也遇到了同样的问题。这不是最优雅的解决方案，但只需在外框内放置一个较小的div，这样滚动条就不会与外框重叠。喜欢从thispen复制的这段代码:.box{height:200px;width:250px;bord
(关于StackOverflow的第一个问题。希望我做对了。)我正在尝试创建一个float菜单，该菜单从其内容继承其宽度(因为我事先不知道宽度，即从URL加载)。我可以通过让菜单div绝对定位而不设置宽度或高度来做到这一点。当内容足够高需要滚动时，就会出现问题。我设置了“溢出:自动；”这样它就可以垂直滚动，但是新的滚动条不会使div变宽。取而代之的是，div保持相同的宽度，并且滚动条伸入其先前大小合适的内容中，迫使内容换行。示例:http://jsfiddle.net/w7Mm8/在示例中:在Firefox中，“五”换行到下一行，但在Chrome中(至少对于Mac)，它全部显示在一行上
(关于StackOverflow的第一个问题。希望我做对了。)我正在尝试创建一个float菜单，该菜单从其内容继承其宽度(因为我事先不知道宽度，即从URL加载)。我可以通过让菜单div绝对定位而不设置宽度或高度来做到这一点。当内容足够高需要滚动时，就会出现问题。我设置了“溢出:自动；”这样它就可以垂直滚动，但是新的滚动条不会使div变宽。取而代之的是，div保持相同的宽度，并且滚动条伸入其先前大小合适的内容中，迫使内容换行。示例:http://jsfiddle.net/w7Mm8/在示例中:在Firefox中，“五”换行到下一行，但在Chrome中(至少对于Mac)，它全部显示在一行上
绝对定位(侧面黄色广告)div在调整窗口大小时(尺寸减小)超过它们时会导致不需要的水平滚动条。只有当窗口小于主#container时滚动条才会出现，并且这些广告div不应影响布局。他们是否被覆盖并不重要。HTML:Link1Link2Link3Link4adadLoremipsumplaceholdertextCSS:body,html{height:100%;}body{margin:0;}#topbar{width:100%;background-color:#DCDCDC;height:40px;position:absolute;}#menu{width:250px;backg
绝对定位(侧面黄色广告)div在调整窗口大小时(尺寸减小)超过它们时会导致不需要的水平滚动条。只有当窗口小于主#container时滚动条才会出现，并且这些广告div不应影响布局。他们是否被覆盖并不重要。HTML:Link1Link2Link3Link4adadLoremipsumplaceholdertextCSS:body,html{height:100%;}body{margin:0;}#topbar{width:100%;background-color:#DCDCDC;height:40px;position:absolute;}#menu{width:250px;backg
这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:Howtoalwaysshowscrollbarinbrowserusingjavascript?有些页面我有很多内容，其他页面只有几行，所以当我在页面之间单击时，有些页面在浏览器上有滚动条，而其他页面则没有。因此，由于在页面之间单击时会出现额外的空间，页面会一直跳转。是否可以让滚动条一直可见，或者在内容不多的情况下显示为灰色来阻止页面跳转？它能跨所有浏览器工作吗，希望有人能帮忙，干杯
