标签:
现在很多页面 特别是电商用的比较多 比如电商里面某个商品的详细页 往下拉页面 当滚轮到达一定位置的时候 导航栏即固定在顶部
其实他的原理很简单, 就是一开始设置导航为相对定位,然后计算出滚动条离顶部的值 当大于这个值的时候 定位变成相对浏览器定位 top为0即可
js代码如下 具体html css 代码 有空再写了
$(window).scroll(function(){
var y = window.scrollY;//754到达
if(y > 754){
$("#mynav").css({position:"fixed",top:0});
}else{
$("#mynav").css({position:"relative"});
}
});
标签:
原文地址:http://www.cnblogs.com/guxiaosao/p/4826633.html