如何制作CSS滚动跟随div停止跟随一个位置

Question

请参阅此fiddle

我希望滚动div停止，当左div结束于高度= 400px。

有没有使用CSS的解决方案。或者我需要添加其他html元素？

如果必须使用JavaScript，该怎么做？

Answer 1

尝试下面的小提琴可能是你想要这个，如果我的问题得到正确但不完全确定..

小提琴：http://jsfiddle.net/JjuQu/35/

演示：http://jsfiddle.net/JjuQu/35/embedded/result/

Answer 2

你的意思是这样的吗？ 我使用了javascript jQuery库。如果你不知道如何使用jQuery留下回复 （通过单击滚动并移动鼠标，可获得更好的滚动效果）

demo jsbin 的

$(window).scroll(function(){
    var st = $(this).scrollTop();
    if( st >= 240){
        $('#scrol').css({position:'absolute', top:'330px'});  
    }else{
        $('#scrol').css({position:'fixed', top:'100px'});  
    }       
});