页面(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。
这是网站:http://joshnh.com/基本上,我有一些超宽的元素,这样它们看起来就好像是从屏幕的右侧出来的。然后我在body上使用overflow-x:hidden;来overflowhidden,但这并不会阻止页面在用户使用触控板或单击并拖动鼠标时水平滚动权利。网站是流动的,所以设置overflow-x:hidden;没问题,但必须在body/html上设置标签,而不是在内容包装器上,因为那样会破坏设计。我也在使用这个jQuery片段来尝试帮助:(function($){$(window).scroll(function(){$(window).scrollLeft(0);}
这是网站:http://joshnh.com/基本上,我有一些超宽的元素,这样它们看起来就好像是从屏幕的右侧出来的。然后我在body上使用overflow-x:hidden;来overflowhidden,但这并不会阻止页面在用户使用触控板或单击并拖动鼠标时水平滚动权利。网站是流动的,所以设置overflow-x:hidden;没问题,但必须在body/html上设置标签,而不是在内容包装器上,因为那样会破坏设计。我也在使用这个jQuery片段来尝试帮助:(function($){$(window).scroll(function(){$(window).scrollLeft(0);}
我有一个大小为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上找到一个类似的问题:
我有一个DIV菜单,该菜单设置为100%高度并带有overflow:scroll。在DIV中,我有一个ulli。我遇到的问题是它不会让我一直向下滚动以查看最后一个li。我几乎看不到它。我认为这与我的标题有关,因为当我删除标题时,我可以看到它。当我放回标题时,它位于浏览器下方,无法一直向下滚动以查看最后一个li。li和header的高度几乎相同,header导致问题很有意义。我认为,不是特别是标题,而是我在CSS中所做的更多事情。为什么我不能一直滚动到底部?解决方案是什么?此处示例:http://jsfiddle.net/D5KU3/2/WhyCantIscrollallthewayto
我有一个DIV菜单,该菜单设置为100%高度并带有overflow:scroll。在DIV中,我有一个ulli。我遇到的问题是它不会让我一直向下滚动以查看最后一个li。我几乎看不到它。我认为这与我的标题有关,因为当我删除标题时,我可以看到它。当我放回标题时,它位于浏览器下方,无法一直向下滚动以查看最后一个li。li和header的高度几乎相同,header导致问题很有意义。我认为,不是特别是标题,而是我在CSS中所做的更多事情。为什么我不能一直滚动到底部?解决方案是什么?此处示例:http://jsfiddle.net/D5KU3/2/WhyCantIscrollallthewayto
看看这个fiddle.输入Ctrl+F并搜索“gets”...对我来说,Chrome从这段文本中找到了不可见的文本:一个被截断的长选项转载于Linux/Ubuntu12.04ChromeVersion31.0.1650.63HTMLAlongoptionthatgetscutoffOne-AlongoptionthatgetscutoffTwo-AlongoptionthatgetscutoffCSSselect{width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}div{border-style
看看这个fiddle.输入Ctrl+F并搜索“gets”...对我来说,Chrome从这段文本中找到了不可见的文本:一个被截断的长选项转载于Linux/Ubuntu12.04ChromeVersion31.0.1650.63HTMLAlongoptionthatgetscutoffOne-AlongoptionthatgetscutoffTwo-AlongoptionthatgetscutoffCSSselect{width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}div{border-style