网站侧边栏一个div跟随滚动条滚动到一定位置后停止,这个怎么实现呢? 50
如题,最好给出实例源码,不要说理论。不懂JS。。。如图:网站右边侧边栏一个DIV,我希望它跟随滚动条走,如果一直跟随下去会遮住footer,看红框,所以需要限定跟随范围。...
如题,最好给出实例源码,不要说理论。不懂JS。。。
如图:网站右边侧边栏一个DIV,我希望它跟随滚动条走,如果一直跟随下去会遮住footer,看红框,所以需要限定跟随范围。。 展开
如图:网站右边侧边栏一个DIV,我希望它跟随滚动条走,如果一直跟随下去会遮住footer,看红框,所以需要限定跟随范围。。 展开
4个回答
展开全部
<div class="ab">第一版块</div>
<div class="pf">漂浮内容</div>
<script type="text/javascript">
window.onscroll=function(){
if ($(document).scrollTop() > 250)
{
//$("#pf_nav").show();
$(".pf").addClass('float');
}else{
//$("#pf_nav").hide();
$(".pf").removeClass('float');
}
}
</script>
<div class="bc">
<p>
<script language="javascript">
for(i=0;i<50;i++){
document.write(i+"<br />");
}
</script>
</p>
</div>
<!--网址:http://www.zongxy.com/CSSzhijia/CSS2_HTML/2013/0314/158.html -->
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
是类似于那种小广告,随着窗口动的吗
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
p{width:10px; height:1000px}
div{width:100px; height:150px; background-color:#0000FF; position:fixed; top: 150px;}
</style>
</head>
<body>
<p> </p><p> </p>
<div></div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
p{width:10px; height:1000px}
div{width:100px; height:150px; background-color:#0000FF; position:fixed; top: 150px;}
</style>
</head>
<body>
<p> </p><p> </p>
<div></div>
</body>
</html>
追问
不是这种哦。。已经补充问题。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
是悬浮窗还是什么,给个截图好给你代码。
追问
已经补充问题,你看下。
追答
把position:absolut的div底部距离上浮一点啊,另外我要这段div代码,我来给你写,不是要截图啊
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
能不能给个例子看下你说的到底什么样
更多追问追答
追问
已经补充问题,你看下。
追答
那你只能是限制下右侧固定层的高度,让它加上footer的高度小于屏幕高度,要不然怎么做都是显示不全。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询