与Chrome中的jQuery scrollintoview（）插件的CSS冲突

Question

我有一个使用scrollintoview插件的网站（https://github.com/litera/jquery-scrollintoview），但是CSS发生了一些冲突。 我有一个没有CSS的小提琴，它可以按预期工作，而CSS却没有。 关于我缺少哪些类型的会引起冲突的属性的任何想法？ 小提琴的信息中有更多信息。 工作正常（无CSS）： http : //jsfiddle.net/beej/vEGxg/1/非工作正常（w / CSS）： http : //jsfiddle.net/beej/vEGxg/

注意：我仅在Chrome中遇到这种情况。 所有其他浏览器（IE8-9和FF）的行为似乎都与预期的一样，并且元素滚动到视图中。

Answer 1

在无法正常工作的jsfiddle中，删除“ position：absolute;” 此CSS块内第7行附近的属性：

.background {
    position: absolute;
    width: 100%;
    background:#042F62 url(../images/bg.jpg) top center no-repeat
}