怎样根据鼠标的滚动来固定一个div

Question

这是一个大概的布局，我想根据鼠标滚轮的滚动距离来设置l_main这个div固定在窗口上

 <div id="head" style="width:100%;height:72px;background-color:red;margin-bottom:10px;"></div>
        <div id="left" style="width:38%;float:left;margin-right:10px;">
            <div id="l_head" style="width:100%;height:46px;background-color:purple;margin-bottom:10px;"></div>
            <div id="l_main" style="width:100%;height:350px;background-color:blue;"></div>
        </div>
        <div id="right" style="width:61%;height:1300px; float:left;background-color:yellow;"></div>

Answer 1

把css里面加上属性 position：fixed就好了啊