javascript - swiper模拟网易新闻导航栏没有自动同步到当前页
迷茫
迷茫 2017-04-11 12:09:26
0
1
666

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

![图片描述][1]

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

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(1)
刘奇

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板