停止滚动一旦某一元素结束

<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

停止滚动一旦某一元素结束

回答

相关问题