用什么方法能使顶部导航栏随页面滚动时而吸顶时而随页面滚动的效果

发布于 8 年前作者 gaoxiuying8906 次浏览最后编辑 8 年前来自 ask

就像京东小程序一样,没滚动到导航栏时,不会吸顶,一但滚动到导航栏时,会随页面滚动而吸顶,我用了js判断,但效果很卡,还请大神们告知,谢谢。

7 回复
guiyinglai
guiyinglai1 楼6 年前

用view  然后监听手势滑动

bindtouchstart = “handletouchtart” bindtouchmove=“handletouchmove” handletouchend="handletouchend"来计算滑动多少

tao91
tao912 楼6 年前

再结合节点选择器 获取坐标

weiren
weiren3 楼6 年前

好的,谢谢

haoxiulan
haoxiulan4 楼6 年前

太谢谢了,我马上试试

weizhao
weizhao5 楼6 年前

我用scroll-view的滑动监听事件,但有明显的卡顿现象,但看京东的小程序一点卡顿都没有,我不知道是还是有什么特殊的方法来监听滚动事件?

dinglei
dinglei6 楼6 年前

实现不了,京东购物小程序是将原生的h5引入到小程序中,不是用小程序的方法实现的,小程序无论怎么实现都会有卡顿现象。

jkang
jkang7 楼6 年前

应该的是z-index 层数最高 position:fixed  监听滑到事件 滑到顶部 固定住