放大可拖动的div后面的内容

<div class="container">
  <div class="draggable"></div>
  <div class="content">这是放大后的内容</div>
</div>

.container {
  width: 500px;
  height: 300px;
  overflow: hidden;
}

var draggable = document.querySelector('.draggable');
var container = document.querySelector('.container');

var isDragging = false;
var startX, startY;

draggable.addEventListener('mousedown', function(e) {
  isDragging = true;
  startX = e.clientX - draggable.offsetLeft;
  startY = e.clientY - draggable.offsetTop;
});

document.addEventListener('mousemove', function(e) {
  if (isDragging) {
    var left = e.clientX - startX;
    var top = e.clientY - startY;
    draggable.style.left = left + 'px';
    draggable.style.top = top + 'px';
  }
});

document.addEventListener('mouseup', function() {
  isDragging = false;
});