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

我有一个页面，比如说1000像素宽。我在那页上有一个3000px宽的div。加载时，div将显示3000px中的第一个1000px，直到我滚动。我想做的是在1000px-2000px位置显示div，因此，就好像它已经被滚动了1000px，所以它位于它的“中间”位置

如果我使用left:1000px；然后我的可滚动div不再滚动，或者，div的第一个1000px不再可访问。我应该提到，我正试图在移动设备上实现这一点，因此使用了-webkit溢出滚动：touch；使该div以“本地”方式反弹的技巧

我有点纠结于如何让它工作，如果有人能想到如何这样做，我仍然可以滚动整个3000px分区，但从1000px位置开始，那就太好了。

这可能会有帮助：

jquery：

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

---

您应该显示一些HTML，在您的例子中，JSFIDLE或类似的工具对于试图帮助您的人非常有用。

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;}

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