1

我只想垂直平移一个元素，并且当我释放触摸时它会被调整大小和最小化（转换比例和原点）直到到达屏幕底部。我尝试重现的这种行为与 youtube 上的视频流的行为非常相似（当您将视频向下拖动时，它会在屏幕右下角发送容器）。

function dragStart(e) {
    var transforms = [];
    e.preventDefault();

    currentScale = adjustScale - (e.distance/1000);
    console.log(currentScale);
    currentDeltaX = adjustDeltaX + (e.deltaX / currentScale);
    currentDeltaY = adjustDeltaY + (e.deltaY / currentScale);

    transforms.push('scale(' + currentScale + ')');

    elem.style.transform = transforms.join(' ');
    elem.style.transformOrigin = "100% 100%";
}

这是我的代码示例：https ://codepen.io/ACondur/pen/qVYeVJ

问题是：

如何使平底锅只接受垂直平底锅？

如何使元素正确缩放？

当元素达到我想要的宽度时如何停止元素的平移？

4

0 回答 0