我有一个div，它可能会随着内容的添加或删除而溢出。然而，UI设计者不想要一个可见但不活动的滚动条(如overflow:scroll)，并且他们不希望内容布局在添加和删除滚动条时发生变化(如使用溢出:自动)。是否有办法获得这种行为，并考虑不同平台和浏览器上的不同滚动条。https://jsfiddle.net/qy9a2r00/1/ 最佳答案 尚无浏览器支持此属性(2021年)，但scrollbar-gutter是对此的建议解决方案。更新:2022-除Safari之外的所有现代浏览器都支持该属性。
页面(live-version)(大致)由三部分组成:左侧边栏内容居中右侧边栏右侧边栏应该是可滚动的，所以我设置了overflow-y:scroll;right:-17px;简单地隐藏滚动条。Body,html有overflow-y:auto;。这样我就不必有两个滚动条(用于页面和右侧边栏)。问题:(仅在CHROME中，在版本62和63上测试)出于某种原因，在不同的机器上，chrome为我提供了两种不同的滚动条样式:Case1和Case2.所以基本上，对于情况1，右侧边栏滚动条是“绝对定位的”并且页面因此隐藏了17px本身，而对于情况2滚动条“相对定位”，页面隐藏滚动条占用的17px。
页面(live-version)(大致)由三部分组成:左侧边栏内容居中右侧边栏右侧边栏应该是可滚动的，所以我设置了overflow-y:scroll;right:-17px;简单地隐藏滚动条。Body,html有overflow-y:auto;。这样我就不必有两个滚动条(用于页面和右侧边栏)。问题:(仅在CHROME中，在版本62和63上测试)出于某种原因，在不同的机器上，chrome为我提供了两种不同的滚动条样式:Case1和Case2.所以基本上，对于情况1，右侧边栏滚动条是“绝对定位的”并且页面因此隐藏了17px本身，而对于情况2滚动条“相对定位”，页面隐藏滚动条占用的17px。
我使用fullpage.js来实现垂直和水平滚动。我希望在第2部分滚动时slider滑动。功能类似于此website这是我的代码:$(document).ready(function(){$('#fullpage').fullpage({sectionsColor:['#1bbc9b','#4BBFC3','#7BAABE','whitesmoke','#ccddff'],anchors:['firstPage','secondPage','3rdPage','4thpage','lastPage'],menu:'#menu',css3:true,loop:false,afterLoa
我使用fullpage.js来实现垂直和水平滚动。我希望在第2部分滚动时slider滑动。功能类似于此website这是我的代码:$(document).ready(function(){$('#fullpage').fullpage({sectionsColor:['#1bbc9b','#4BBFC3','#7BAABE','whitesmoke','#ccddff'],anchors:['firstPage','secondPage','3rdPage','4thpage','lastPage'],menu:'#menu',css3:true,loop:false,afterLoa
当我使用具有固定位置和溢出的div时，我在IE9上遇到了垂直滚动条的奇怪问题:在div上自动设置。请参阅此处使用IE9并将窗口高度缩小到较小尺寸的情况。http://bytiger.com/add/ie9_div_test.html我可以确认这不会发生在IE8上。有没有人知道一个合理的破解方法？我试过将宽度设置为窗口宽度，但它似乎故意从div的大小中减去滚动条宽度。我想看看是否有一种解决方案不必计算此常量或对其进行硬编码并将其添加回计算出的宽度。干杯!编辑:Jsfiddle似乎没有表现出问题......所以这可能是关于可能发生的事情的重要提示。http://jsfiddle.net/d
当我使用具有固定位置和溢出的div时，我在IE9上遇到了垂直滚动条的奇怪问题:在div上自动设置。请参阅此处使用IE9并将窗口高度缩小到较小尺寸的情况。http://bytiger.com/add/ie9_div_test.html我可以确认这不会发生在IE8上。有没有人知道一个合理的破解方法？我试过将宽度设置为窗口宽度，但它似乎故意从div的大小中减去滚动条宽度。我想看看是否有一种解决方案不必计算此常量或对其进行硬编码并将其添加回计算出的宽度。干杯!编辑:Jsfiddle似乎没有表现出问题......所以这可能是关于可能发生的事情的重要提示。http://jsfiddle.net/d
我有一个大小为x=540pxy=600px的div即使文本大于x大小，我也想隐藏水平滚动条。如何只隐藏水平滚动条？ 最佳答案 使用溢出-xCSS:.MyDivClass{height:600px;width:540px;overflow-x:hidden;}如果你还想隐藏垂直使用overflow-y:hidden;或者两者都只是overflow:hidden; 关于html-如何在div标签中隐藏水平滚动条，我们在StackOverflow上找到一个类似的问题：
我有一个大小为x=540pxy=600px的div即使文本大于x大小，我也想隐藏水平滚动条。如何只隐藏水平滚动条？ 最佳答案 使用溢出-xCSS:.MyDivClass{height:600px;width:540px;overflow-x:hidden;}如果你还想隐藏垂直使用overflow-y:hidden;或者两者都只是overflow:hidden; 关于html-如何在div标签中隐藏水平滚动条，我们在StackOverflow上找到一个类似的问题：
1、overflow:hidden;overflow:scroll;2、如果要出现水平滚动条，则：overflow-x:auto如果要垂直滚动条则为：overflow-y:auto注意：一定要设置宽高width:400px;height:400px;3、纯色滚动条/*整个滚动条*/::-webkit-scrollbar{ /*对应纵向滚动条的宽度*/ width:10px; /*对应横向滚动条的宽度*/ height:10px;}/*滚动条上的滚动滑块*/::-webkit-scrollbar-thumb{ background-color:#49b1f5; border-radi
