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

问题描述：

我有一个页面，比如说1000px宽。我在该页面上有一个div，宽度为3000px。在加载时，div会显示3000px的第一个1000px，直到我滚动。我想要做的是显示1000px - 2000px的div，因此，就好像它已经滚动1000px一样，因此它处于“中间”位置。如何在不移动父元素的情况下加载在特定位置显示div的页面

如果我通过使用left: 1000px;来做到这一点，那么我的可滚动div不再滚动，或者div的第一个1000px不再可到达。（我应该提到我试图在移动设备上执行此操作，因此使用-webkit-overflow-scrolling: touch;技巧使此div以“原生”方式反弹。

我有点卡住了如何获取此内容工作中，如果任何人都可以想到的是如何做到这一点，这样我可以通过我的整个3000px格仍然滚动，但在1000px位置开始，这将是了不起的

你应该表现出一定的HTML，并在你的情况下的jsfiddle或类似的将是非常有用的人想帮你。 – Wez

答

这可能帮助：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的页面

相关推荐