Question

我在旋转木马中使用blueImp image gallery。我允许为移动用户拖动图像，但图像可以垂直拖动也可以水平拖动，这意味着您可以将图像拖半屏幕。

在拖动时，.slide元素会内联更改为以下维度： style="transform:translate(-100px, 256px)"

我尝试设置translateY(0) !important，但这只会完全覆盖拖动。

我正在使用jQuery，所以也许有一种方法可以观看拖动事件？任何有用的帮助。

Answer 1

我设法做到的唯一方法是覆盖blueimp的ontouchmove功能。您只需要注释translateY调用。我从https://github.com/blueimp/Gallery/blob/master/js/blueimp-gallery.js获取了来源。

将整个覆盖在你的js中的某个地方，理想情况下是单独的文件，注释以备将来使用。

blueimp.Gallery.prototype.ontouchmove = function (event) {
    ...
    } else {
        // Removed move up/down funictionality
        //this.translateY(index, this.touchDelta.y + this.positions[index], 0);
    }
};

希望它对你有所帮助！也许blueimp可以添加一个选项来在将来切换这个行为：）

帕乌

BluImp Gallery允许垂直拖动图像

1 个答案: