BluImp Gallery允許圖像垂直拖動

我在旋轉木馬中使用blueImp image gallery。我允許圖像被拖動到移動用戶，但圖像可以垂直和水平拖動，這意味着您可以將圖像拖出屏幕一半。BluImp Gallery允許圖像垂直拖動

拖動時，該.slide元素內嵌更改爲類似尺寸： style="transform:translate(-100px, 256px)"

我已經嘗試設置translateY(0) !important但這只是覆蓋完全拖動。

我正在使用jQuery，所以也許有一種方法來觀看拖動事件？任何有用的幫助。

2017-09-08 Frazer Wilson

我設法做到這一點的唯一方法是覆蓋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可以添加一個選項來切換此行爲將來:)

Pav

來源

2017-10-05 10:59:26 Pavdro

BluImp Gallery允許圖像垂直拖動

回答

相關問題