【问题标题】:scrollbar in firefox and operaFirefox 和 Opera 中的滚动条
【发布时间】:2012-07-15 12:06:26
【问题描述】:

我有一个与滚动条相关的小问题。问题是我在一个容器中有一组盒子。所有内容都固定为容器的最大宽度,一旦容器内的元素数量增加,overflow-y 属性就会开始工作。

在 Firefox 和 opera 中,(我在 IE 中不知道)滚动条的宽度出现并破坏了我的布局,从三列变为两列。

这里有代码:http://jsfiddle.net/domoindal/ChkRg/

如果您在 Chrome 和 Safari 中运行它,它可以正常工作,因为滚动条会出现在内容上方,但在 Firefox 和 Opera 中则不会。

有什么办法可以避免在引用的浏览器中出现这种影响?

谢谢。

【问题讨论】:

  • 您能否更好地解释一下 Firefox 和 Opera 的问题是什么?在您的示例中,我看不出我的 firefox (13) 和我的 chrome 之间有任何区别。我在 Firefox 和 chrome 中有一个滚动条。
  • 我有一个带框的三列布局,在 Firefox 中,当 'y' 中的内容溢出并且出现滚动条时,布局将传递到两列。
  • 当我打开你的小提琴示例时,我只有 2 列。您确定没有使用Ctrl + plusKey 或Ctrl + Scroll 放大浏览器吗?请检查 Firefox 和 Chrome。尝试Ctrl + 0 或Ctrl + Alt + 0 重置缩放。

标签: jquery css scroll


【解决方案1】:

我想我理解你的问题,但我很惊讶它在 Chrome 中工作,因为它不适合我。 (也使用 Chrome) 我的第一个想法是增加宽度,这样滚动条就有足够的空间。 如果内容增长得太高,您可以使用 javascript 检测,然后调整大小。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-09-04
    • 2011-08-14
    • 2013-03-01
    相关资源
    最近更新 更多