开发者社区> 问答> 正文

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

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

展开
收起
小旋风柴进 2016-06-01 12:51:42 2713 0
1 条回答
写回答
取消 提交回答
  • 导航栏

    $(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'; } )
                }
    2019-07-17 19:23:06
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载