移动端：PhotoSwipe图片弹出位置怎么调整

Question

在手机上，点击图片缩略图，弹出图片大图，但是弹出的位置不是在用户浏览的屏幕位置，而在用户看不到的上面的位置，要怎么做才能让图片弹出的位置位于屏幕中央，而不是其他地方？是否需要修改PhotoSwipe的源码？

Answer 1

在photoswipe.css 102行左右

修改left top 可以修改从哪儿弹出,但是图片的双指手动放大有问题,这儿改变会影响滑动放大,建议关闭点击后显示动画,直接显示图片,像下面这样注释动画部分,要是实在要改变弹出位置,需要修改滑动相关的变化代码

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  /*-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);*/
          /*transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); */
          }