photoswipe-3.0.5 手机端横屏后竖屏图片无法归位问题解决

photoswipe-3.0.5 手机端横屏后竖屏图片无法归位问题解决

今天使用了photoswipe-3.0.5.min.js，发现一个BUG。

情景如下：

window.document.querySelectorAll('#Gallery a'),

{

enableUIWebViewRepositionTimeout:true,

allowUserZoom:true,

preventHide:true,

captionAndToolbarHide:true,

loop:false,

cacheMode:'Code.PhotoSwipe.Cache.Mode.aggressive',

maxUserZoom:3,

//imageScaleMethod:'fitNoUpscale',

//uiWebViewResetPositionDelay:10,

enableDrag:false

});

虽然手动开启 enableUIWebViewRepositionTimeout:true,  检查设备方向，但是疏忽并没什么卵用。出现竖屏访问，然后横屏又竖屏  图片出现左端空白 无法归位的问题。如下：

不能自动识别屏幕大小出现左侧空白。体验很差。搜索网络资源无解。

经粗略研究，是JS代码不够完善导致的BUG。

可以通过小修改，将位置定位为靠右来临时解决这个横竖屏体验问题。

修改定位代码：

a.DOM.setStyle(b, {position:"absolute", width:e, height:a.DOM.windowHeight(), top:0, left:0, display:"block"});

测试效果，竖屏正常。

附

其他相关的（如中文API）学习链接：

http://www.cnblogs.com/xyhy/p/3825294.html

https://yq.aliyun.com/ziliao/150371

posted @ 2017-05-25 16:08 Newman·Li 阅读( ...) 评论( ...) 编辑 收藏