描述

(function(){
var container = document.querySelector(‘.shopify-image-block-unique’);
if (!container) return;
let isDown = false, startX, startY, scrollLeft, scrollTop;
container.addEventListener(‘mousedown’, function(e) {
isDown = true;
startX = e.pageX – container.offsetLeft;
startY = e.pageY – container.offsetTop;
scrollLeft = container.scrollLeft;
scrollTop = container.scrollTop;
});
container.addEventListener(‘mouseleave’, function(){ isDown = false; });
container.addEventListener(‘mouseup’, function(){ isDown = false; });
container.addEventListener(‘mousemove’, function(e){
if (!isDown) return;
e.preventDefault();
const x = e.pageX – container.offsetLeft;
const y = e.pageY – container.offsetTop;
container.scrollLeft = scrollLeft – (x – startX);
container.scrollTop = scrollTop – (y – startY);
});
// Touch
let touchStartX, touchStartY, touchScrollLeft, touchScrollTop;
container.addEventListener(‘touchstart’, function(e){
isDown = true;
const t = e.touches[0];
touchStartX = t.pageX;
touchStartY = t.pageY;
touchScrollLeft = container.scrollLeft;
touchScrollTop = container.scrollTop;
});
container.addEventListener(‘touchend’, function(){ isDown = false; });
container.addEventListener(‘touchmove’, function(e){
if (!isDown) return;
const t = e.touches[0];
container.scrollLeft = touchScrollLeft – (t.pageX – touchStartX);
container.scrollTop = touchScrollTop – (t.pageY – touchStartY);
});
})();
评价
目前还没有评价