2 p 160717 p_160717 于 2016.04.26 11:12 提问

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

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

7个回答

showbo
showbo   Ds   Rxr 2016.04.26 13:46
madman_donghui
madman_donghui   2016.04.26 11:14

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

madman_donghui
madman_donghui 回复p_160717: 那你不可以再把l_main的宽度变成38%吗?
一年多之前 回复
p_160717
p_160717 回复madman_donghui: l_main那个div是根据他的父divleft来设定宽度的,我把l_main的position设为fixed的话,滚动鼠标l_main的宽度就会变成100%而占据整个屏幕了
一年多之前 回复
p_160717
p_160717 回复madman_donghui: l_main那个div是根据他的父divleft来设定宽度的,我把l_main的position设为fixed的话,滚动鼠标l_main的宽度就会变成100%而占据整个屏幕了
一年多之前 回复
p_160717
p_160717 回复madman_donghui: 不行啊。。。
一年多之前 回复
CSDNXIAON
CSDNXIAON   2016.04.26 11:23

DIV固定在页面某个位置,不随鼠标滚动而滚动
一个跟随鼠标移动的DIV
鼠标滚动到第二屏,显示一个DIV
----------------------同志你好,我是CSDN问答机器人小N,奉组织之命为你提供参考答案,编程尚未成功,同志仍需努力!

hsd2012
hsd2012   2016.04.26 17:19

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

lml_little
lml_little   2016.04.27 16:45

图片说明

u011119997
u011119997   2016.04.27 17:14
$(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%"}); } });
u011119997
u011119997 直接拿上去就可以使用,不知道是不是你要的效果
一年多之前 回复
u011119997
u011119997   2016.04.27 17:15

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

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!