html导航条拉往下拉的时候怎么让他固定在了界面顶部用什么JavaScript完成 5
参考网站http://www.rone.cn/大概需要做出头部那样下拉了然后这样显示出来了怎么实现?...
参考网站http://www.rone.cn/
大概需要做出头部那样下拉了 然后
这样显示出来了 怎么实现? 展开
大概需要做出头部那样下拉了 然后
这样显示出来了 怎么实现? 展开
3个回答
展开全部
<body>
<div style="background: #999; height: 500px"> </div>
<div id="nav" style="width: 100%; background: #eee">菜单</div>
<div style="background: #999; height:1900px"> </div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
var nav= $('#nav');
nav.attr('otop', dv.offset().top); //存储原来的距离顶部的距离
$(window).scroll(function () {
st = Math.max(document.body.scrollTop || document.documentElement.scrollTop);
if (st >= parseInt(nav.attr('otop'))) {
if (nav.css('position') != 'fixed') nav.css({ 'position': 'fixed', top:0});
}else if (nav.css('position') != 'static') nav.css({ 'position': 'static' });
});
});
</script>
</body>
<div style="background: #999; height: 500px"> </div>
<div id="nav" style="width: 100%; background: #eee">菜单</div>
<div style="background: #999; height:1900px"> </div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
var nav= $('#nav');
nav.attr('otop', dv.offset().top); //存储原来的距离顶部的距离
$(window).scroll(function () {
st = Math.max(document.body.scrollTop || document.documentElement.scrollTop);
if (st >= parseInt(nav.attr('otop'))) {
if (nav.css('position') != 'fixed') nav.css({ 'position': 'fixed', top:0});
}else if (nav.css('position') != 'static') nav.css({ 'position': 'static' });
});
});
</script>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你可以直接把他的代码扒下来，大概意思就是悬浮的那个导航是隐藏的，当页面下拉到某个位置时显示出来
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
position:fixed;
追问
我需要用JavaScript实现 实现的和发的网站差不多,position:fixed;这个属性我知道 - -不过谢啦 能不能给实现出 这个网站的效果
追答
没看网站，你可以用JS监控滚动条，当滚动条大于多少，将影藏的 fixed 显示display:block出来
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
