淘宝店铺主页上滑导航栏固定是怎么做的?

一开始没有滑动是这样的,如图:
clipboard.png

当他慢慢地上滑时头部的导航栏就固定在顶部了,如下图所示:

clipboard.png

请教各路大神,这个是怎么做的?

阅读 4.2k
4 个回答

看了一下代码,用的position: sticky

新手上路,请多包涵

position:sticky

判断导航栏上方高度,当达到某个值,设置position

1.直接用position:sticky
2.监听滚动,在滚动到某个位置时,设置position为fixed或者absolute

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题