实现右侧滚动到一定阶段，固定到底部的效果

<div class="main">
    <div class="left">
    </div>
    <div class="right-con">
        <div class="right">
        </div>
  </div>
</div>

css布局

.left{
  float:left
}
.right-con{
  width:360px;
  float:right;
}

js

// 监听滚动事件
var righth=$('.i-right').height()//侧边栏的高度
$(document).scroll(function(){
    scroH = $(document).scrollTop();//滚动条的滚动的距离  fixed 不设置，会根据父元素为准
    if(scroH>=righth-400){
        $('.i-right').css({'position':'fixed'})
    }else{
        $('.i-right').css({'position':'static'})
    }
})