正如标题所示,我试图将图像容器的位置垂直向上移动(这是为了给移动显示器上的字幕提供更多空间)。
似乎图像容器div(class =" pswp__img")位于另一个div中,其中class =" pswp__zoom-wrap"。第二个div通过CSS样式确定图像的位置"变换:translate3d(..)"。我尝试过解析photoswipe.js脚本,但是我对JS的知识有点让我感到困惑。
有人能指出我在photoswipe.js脚本中的位置"变换:translate3d(..)"已经确定了?
链接到包含感兴趣的JS文件的github repo(photoswipe.js& photoswipe-ui-default.js是要查看的两个文件): https://github.com/dimsemenov/PhotoSwipe/tree/master/dist
以下是来自" photoswipe.js"这与我迄今为止发现的translate3d的设置有关:
_applyZoomTransform = function(styleObj,x,y,zoom) {
styleObj[_transformKey] = _translatePrefix + x + 'px, ' + y + 'px' + _translateSufix + ' scale(' + zoom + ')';
_translatePrefix = 'translate' + (allow3dTransform ? '3d(' : '(');
_translateSufix = _features.perspective ? ', 0px)' : ')';