Javascript:重新缩放时保持元素在父div中的位置

// 获取父div和元素的引用
var parentDiv = document.getElementById("parentDiv");
var element = document.getElementById("element");

// 保存元素的初始位置
var initialLeft = element.offsetLeft;
var initialTop = element.offsetTop;

// 添加窗口resize事件监听器
window.addEventListener("resize", function() {
  // 获取父div的宽度和高度
  var parentWidth = parentDiv.offsetWidth;
  var parentHeight = parentDiv.offsetHeight;

  // 计算新位置
  var newLeft = initialLeft * (parentWidth / parentDiv.offsetWidth);
  var newTop = initialTop * (parentHeight / parentDiv.offsetHeight);

  // 更新元素的位置
  element.style.left = newLeft + "px";
  element.style.top = newTop + "px";
});