使用swiper 插件在移动端 做页面tab的窗口滚动问题!

我使用Swiper4.x 的做X轴侧滑切换页面效果,好像 tab1、tab2、tab3、tab4页的窗口Y轴滚动都是同步的。你在tab1页阅读内容到底部后切换tab2,这时的tab2也已经到底部了,按理说应该是tab2从头阅读。

经过一番折腾,发现只要使用 display: none 和 display: block 来实现的tab 不存在窗口同步滚动的问题,但是Swiper完全不支持 display: none 和 display: block 这种方式切换,设置修改swiper自己或子元素时,自动初始化swiper 也不行,有么有熟悉 Swiper 的大佬帮帮忙!!!

PS:不能用局部滚动,因为其他地方使用窗口监听的会失效!!

阅读 2.5k
1 个回答

试试:监听swiper的切换方法,切换后,window.scroll(0, 0),让页面回到顶部

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