怎样根据鼠标的滚动来固定一个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>
展开
收起
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
1
条回答
写回答
-
$(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%"}); } });2019-07-17 19:04:15赞同 展开评论
相关问答