我的页面向下滚动太远了。可能由于位置:固定元素?

时间:2014-01-06 01:04:32

标签: html css google-chrome scroll position

由于添加位置:固定元素,我的页面滚动太远,固定背景重复自我。 这不是Firefox的问题,但Chrome显示了这个问题。 问题可以在以下方面看到: http://www.25892.rwswebsite.com/listings

这让我疯狂了好几个小时。第二组眼睛将非常感激!

1 个答案:

答案 0 :(得分:1)

我在Web Inspector中挖掘并解决了一些问题:

滚动太远:

对于<body>overflow应为visible。这是默认值,因此如果未明确设置overflow-xoverflow-y(并且没有其他任何内容覆盖它),它将采用此值。

多个背景图片:

您似乎在<html><body>元素上设置了背景图片。对于像你这样的固定背景,我喜欢仅在<html>上设置背景(参见here)。

另外,我应该尝试使用background-size: cover作为背景图片。使用cover,图像的大小将调整为允许其覆盖浏览器宽度和高度的最小尺寸。浏览器兼容性为pretty good