停止滾動一旦某一元素結束

<body style="margin: 0; padding: 0"> 
    <div style="float: left; width: 50%; height: 3000px; background: pink">1</div> 
    <div style="float: left; width: 50%; height: 1200px; background: yellow">2</div> 
</body>

由於第二元件比第一短一個，瀏覽器將正常繼續滾動，直到它到達頁面的結尾，因此，第一元件的端部。有什麼方法可以讓瀏覽器在到達第二個元素的末尾時停止垂直滾動，即使頁面更長？停止滾動一旦某一元素結束

(fiddle)

來源

2013-06-19 rid

我只想窩它們與溢出父DIV：隱藏

http://jsfiddle.net/WFrSs/1/

<!doctype html> 
<body style="margin: 0; padding: 0"> 
    <div style="width: 100%; height:1200px; overflow: hidden"> 
     <div style="float: left; width: 50%; height: 3000px; background: pink">1</div> 
     <div style="float: left; width: 50%; height: 1200px; background: yellow">2</div> 
    </div> 
</body>

來源

2013-06-19 13:20:04 Smeegs

使用CSS（或style屬性），你可以在第一有position: absolute; top: 0; left: 0;元素，並在第二個margin-left: 50%;（給第一個空間）。然後用overflow: hidden對容器進行樣式設計，在這種情況下爲<body>元素。

這隻會在第一個元素總是較大的時候才起作用。

來源

2013-06-19 13:20:05 Davecheesefish

停止滾動一旦某一元素結束

回答

相關問題