当溢出时平移图像:滚动

6 浏览
0 Comments

当溢出时平移图像:滚动

我所拥有的是一个较大的图片包裹在一个较小的div中。所以我有滚动条来查看隐藏的图片部分。

但是我想要的是通过鼠标拖动来平移图片,而不是使用滚动条,基本上我想在我的图片上实现平移效果。

我已经使用了Panzoom JS,但它的其他功能破坏了我的代码。

所以是否有任何JavaScript技巧可以用来平移图片?

body, html {
    width: 100%;
    height: 100%;
}
.mainContent {
    width: 400px;
    height: 400px;
    overflow: scroll;
    display: flex;
    justify-content: center;
    align-items: center;
}


0