如何在不移動父元素的情況下加載在特定位置顯示div的頁面

我有一個頁面，比如說1000px寬。我在該頁面上有一個div，寬度爲3000px。在加載時，div會顯示3000px的第一個1000px，直到我滾動。我想要做的是顯示1000px - 2000px的div，因此，就好像它已經滾動1000px一樣，因此它處於「中間」位置。如何在不移動父元素的情況下加載在特定位置顯示div的頁面

如果我通過使用left: 1000px;來做到這一點，那麼我的可滾動div不再滾動，或者div的第一個1000px不再可到達。（我應該提到我試圖在移動設備上執行此操作，因此使用-webkit-overflow-scrolling: touch;技巧使此div以「原生」方式反彈。

我有點卡住瞭如何獲取此內容工作中，如果任何人都可以想到的是如何做到這一點，這樣我可以通過我的整個3000px格仍然滾動，但在1000px位置開始，這將是了不起的

來源

2014-01-20 Creights

你應該表現出一定的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);

來源

2014-01-20 15:25:42 caramba

如何在不移動父元素的情況下加載在特定位置顯示div的頁面

回答

相關問題