开发者社区> 问答> 正文

如何实现固定菜单跟随滚动条滚动的效果?

当滚动条滚动到菜单位置时,怎样让他固定到浏览器顶端,当滚动条回到他原来位置时,他就停在哪里。
网上很多都是要引用一个jquery插件,感觉很麻烦。
该怎样写一个这样的效果呢?

展开
收起
小旋风柴进 2016-03-26 11:58:50 2606 0
1 条回答
写回答
取消 提交回答
  • 致写个思路吧,肯定是自己调试比直接引用jQuery插件麻烦大家才会纷纷引插件来用

    用onscroll事件判断用户滚动的位置,用菜单元素的offsetTop属性判断它的显示位置
    如果滚动到了菜单到顶的时候,把菜单的display改成fixed
    等下一个菜单滚到某个适当的位置时,把原来菜单的diplay改回来,把新菜单改成fixed

    2019-07-17 19:16:01
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

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

相关实验场景

更多