Question

我有一个页面，让我们说1000px宽。我在该页面上有一个3000px宽的div。在加载时，div会显示1000px的{{1}}，直到我滚动。我想要做的是显示位置3000px - 1000px中的div，因此，好像它已经滚动2000px，因此它位于“中间”位置。

如果我使用1000px执行此操作，则我的可滚动div不再滚动，或者left: 1000px;的第一个1000px不再可访问。（我应该提到我试图在移动设备上执行此操作，因此使用div技巧让这个div以“原生”方式反弹。

我有点担心如何让这个工作，如果有人能想到如何做到这一点，我仍然可以滚动我的整个-webkit-overflow-scrolling: touch; div，但从位置3000px开始那太棒了。

Answer 1

这可能会有所帮助：http://jsfiddle.net/uDy9B/

<div class="wrap">
    <div class="green"></div>
    <div class="red"></div>
    <div class="brown"></div>
    <div class="clear"></div>
</div>

式：

div.wrap {
    width:3000px;
    height:300px;
    background-color:orange;
    position:relative;
}
.wrap > div {
    width:1000px;
    height:200px;
}
.green { background-color:green; float:left; }
.red { background-color:red; float:left; }
.brown { background-color:brown; float:left; }

.clear {clear:both;}

jquery的：

$("html, body").animate({ scrollLeft: '1000px' }, 1000);

如何在不移动父元素的情况下加载显示特定位置div的页面

1 个答案: