javascript - 将 div 的底部固定到滚动屏幕的底部

Question

大家好，我想知道如何实现这一目标。我有一个页面，其中有三个 div 向左浮动，宽度分别为 20%、60% 和 19%，所有 div 的高度都是真实的，但中间一个的高度总是比其他两个高得多。所以希望每当我滚动页面以查看中间 div 的底部时，其他 div 的底部会按原样粘在屏幕上，并在向上滚动到顶部时自动释放。

我知道这是可能的，这是我刚刚在网站上注意到的 http://resources.infosecinstitute.com/checking-out-backdoor-shells/最右边的 div 是想要什么的类似示例。

谁能帮我实现这个目标。

 onscroll event can be applied here by js like 
 onscroll if // check if the div is about to end then fix it as it is 
  else // release it.

Answer 1

$( "#target" ).scroll(function() {
                    $( "#div_left" ).css( {'position': 'fixed' , 'bottom' : '20px'} );
                    $( "#div_right" ).css( {'position': 'fixed' , 'bottom' : '20px'} );
});