我使用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:不能用局部滚动,因为其他地方使用窗口监听的会失效!!
试试:监听swiper的切换方法,切换后,
window.scroll(0, 0)
,让页面回到顶部