2 yaozhiqi1905658804 yaozhiqi1905658804 于 2016.03.01 14:20 提问

导航栏初始距离页面上边缘100px,当上下滑动到0px时,导航栏固定在顶端。

导航栏初始距离页面上边缘100px,当上下滑动到0px时,导航栏固定在顶端。这个功能该怎么实现
最好带js代码的详解注释。

2个回答

sinat_32761163
sinat_32761163   2016.03.02 16:54
已采纳
导航栏

$(window).bind("scroll", function(){

    var top = $(this).scrollTop(); // 当前窗口的滚动距离 
            if(top==100px){
                $(.dhl).css=( {'background-color': '#ccc';  'left': '0';  'position': 'fixed';  'top': '0';  'width': '100%';  'z-index': '1000'; } )
            }

});

Barret2016
Barret2016 楼上的js虽然理论上能实现,但最好写成top>=100,而且最好加上一个平滑滚动的插件用户体验会好一些
接近 2 年之前 回复
showbo
showbo   Ds   Rxr 2016.03.05 20:53
Csdn user default icon
上传中...
上传图片
插入图片