页面大小改变对idangerous swiper的影响

来源:互联网 发布:mac os下载 编辑:程序博客网 时间:2024/06/11 22:12
在开发jQuery页面时,经常发现idangerous swiper莫名奇妙的就不工作了,

问题
当页面的大小发生变化后,很有可能会影响到swipe的功能,比如下面的场景会导致
1.假设第一个页面包含一个可以上、下滚动的swiper,并且,这时浏览器的地址栏处于显示状态
2.将页面跳转到第二个页面,这时浏览器的地址栏自动消失(注意:这时浏览器的高度将发生变化)
3.最后,返回第一个页面时,第一个页面中的swiper将停止工作(拖拽和api调用都不能切换页面)
* 如果浏览器尺寸发生变化时,第一页面还处于显示状态,就不会出现上面的情况

产生原因
在第一个页面处理“隐藏”状态时,浏览器改变大小会导致swiper得到错误的页面大小:0x0,这也就导致了swiper不能正确计算出需要显示的页面的正确位置。

解决办法
在重新显示第一页时,通过调用swiper.resizeFix()方法,通知swiper需要重新计算页面尺寸。

0 0
原创粉丝点击