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

Question

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

![图片描述][1]

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

Answer 1

同求，请问你解决了吗，能否告知一下解决方案，谢谢了。