当滚动条滚动到菜单位置时,怎样让他固定到浏览器顶端,当滚动条回到他原来位置时,他就停在哪里。
网上很多都是要引用一个jquery插件,感觉很麻烦。
该怎样写一个这样的效果呢?
致写个思路吧,肯定是自己调试比直接引用jQuery插件麻烦大家才会纷纷引插件来用
用onscroll事件判断用户滚动的位置,用菜单元素的offsetTop属性判断它的显示位置
如果滚动到了菜单到顶的时候,把菜单的display改成fixed
等下一个菜单滚到某个适当的位置时,把原来菜单的diplay改回来,把新菜单改成fixed
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。