首页 > swiper模拟网易新闻导航栏没有自动同步到当前页

swiper模拟网易新闻导航栏没有自动同步到当前页

我在用swiper插件模拟网易新闻的导航栏时,上方的导航栏和下方的内容在滑动到超出屏幕的内容时,上方的导航栏并没有自动移动到当前内容对应的导航文字。

![图片描述][1]

这是我做的模拟demo,在屏幕显示范围内,滑动下方内容,上方导航栏会跟着同步,点击导航栏内容时,下方内容也会跟着变,但是只要是超出屏幕,上方的文字就不会跟着移动,除非自己手动操作。在调试器中,在屏幕范围内显示时,导航栏会带有swiper-slide-visible的class,我在onSlideClick和onSlideChangeStart中,都做了判断:当点击或滑动时,如果当前节点的后一个节点没有swiper-slide-visible的class,便添加此class,但是并没有起到作用。同时我也尝试过改变transform,但是这样会与swiper自带的滑动事件冲突,改变了一次transform后就点不动了。想问一下有没有遇到过这个问题成功解决了的朋友,请教一下如何解决,谢谢。。

【热门文章】
【热门文章】