从特定点缩放div

Question

我在html页面上有一个Div和一个小圆形图像。当我运行html页面div是比例0所以没有显示。当我在窗口中间点击div缩放到1的小图像时。我的div位置是绝对的。我的问题是当我将div缩放到1时，它将从窗口中间缩放。现在，我希望从小图像缩放，所以看起来像窗口从那个小图像打开。小图像是可移动的（可拖动）。

我的代码

$('.divclass').css('transform','scale(1)');

Answer 1

您需要使用jquery-ui s draggable()才能拖动图片。

$(document).ready(function(){
    $('img').on('click',function(){
        $('.holder').toggleClass('scale');
    });
   $( "#draggable" ).draggable();
});

如果对于图像点击红色框的javascript将显示在中间，再次单击再次点击它将会消失。

示例小提琴here。 顺便说一句，我认为这是你的问题所说的，或者我可能会弄错，因为它有点令人困惑的问题。