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

这是一个大概的布局，我想根据鼠标滚轮的滚动距离来设置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>

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

javascript滚动到导航条时如何固定在顶部

可以根据鼠标滚到事件mousewheel来试试

$(window).scroll(function (){ var st = $(this).scrollTop(); if (st > 92 || st == 92) { $("#l_main").css({"position":"fixed","top":"0px","left":"0px","width":"38%"}); }else if(st < 92){ $("#l_main").css({"position":"relative","top":"0px","left":"0px","width":"100%"}); } });

直接拿上去就可以使用，不知道是不是你要的效果