导航栏在页面内，然后页面往下滚动，导航栏到顶部后就一直固定在顶部，请问有没有更好的解决方案？

移动端、PC端、小程序都可以
我实现过了一个，原理是通过监听滚动条，元素到达顶部，就显示fixed的元素，并隐藏原本的元素。
但滚动条的监听会掉帧，偶尔会出现2个导航栏，请问有没有更好的解决方案？

css

html5 javascript

阅读 4.2k

3 个回答

得票最新

newDriver

484

发布于
2018-12-13

iscroll-probe试一下可以监听滑动距离很流畅

查看全部 3 个回答

推荐问题

js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}
13 回答13.1k 阅读
CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
参考使用：antd的Tag我做了2行的Tag： {代码...} 现在的需求是，如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
3 回答1.5k 阅读✓ 已解决
Next.js做纯前端是否可行？
最近在学习Next.js存在一个疑问，如果只需要做前端界面的渲染和交互后端逻辑都用java来做，是否还需要使用Next.js，还是说直接使用React+Tailwind css更好
7 回答2.3k 阅读
想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？
想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？或者那种插件兼容性会比较好呢？
5 回答1.6k 阅读
快开发完的Vue3项目要做SEO该如何处理？
快开发完的Vue3项目要做SEO该如何处理？项目已经快开发完了，领导让做SEO，目前的需求是首页做SEO，其他页面不需要优化去论坛上查了一下，发现好多针对Vue的SEO库都过时弃用了，大家有什么好用的库推荐吗？
5 回答1.9k 阅读✓ 已解决
如何实现一个深拷贝函数？
在项目开发中，如何实现一个深拷贝函数？
3 回答1.4k 阅读✓ 已解决
怎么获取动态弹出对话框的模拟单击？
我在用js实现自动化刷课脚本的时候，要处理一个“继续学习”弹出对话框，才能播放。使用document.queryselctor('.continue')获取不到，好像也没有click事件;
6 回答1.4k 阅读✓ 已解决

相似问题

微信端导航栏固定在顶部
4 回答6k 阅读
vue项目，顶部导航栏怎么引入实时天气
1 回答2.9k 阅读✓ 已解决
小程序设置了顶部固定导航，下拉刷新时会把顶部导航栏拉下来，怎么解决
2 回答4.1k 阅读
移动端导航栏水平滚动
5 回答6.2k 阅读✓ 已解决
使用scrollintoview实现页面滚动，固定顶部导航导致位置不符遮挡？
2 回答11.6k 阅读✓ 已解决

找不到问题？创建新问题

导航栏在页面内，然后页面往下滚动，导航栏到顶部后就一直固定在顶部，请问有没有更好的解决方案？

js 如何将Key属性相同的放在同一个数组？

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？

Next.js做纯前端是否可行？

想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？

快开发完的Vue3项目要做SEO该如何处理？

如何实现一个深拷贝函数？

怎么获取动态弹出对话框的模拟单击？