javascript - 根据其他调整大小的 html 元素定位背景图像

Question

所以我有一个div位于页面中间的位置（水平居中但不是垂直居中），它会缩放以适应设备宽度，直到设备大于 600 像素。之后，div无论它变得多大，它都保持在 600px 宽并保持在窗口的中心。

我想做的是定位背景图像，使其始终位于此缩放的左下角div（页面背景不是页面背景div）。我相信我需要使用 javascript 来执行此操作，但我不确定。我想我可能需要做类似的事情：

var divWidth = document.getElementById('theScalingDiv').offsetWidth;
var pageWidth = document.clientWidth;
var xCoord = (pageWidth/2) - (divWidth/2);

然后我可以使用绝对定位来根据缩放的高度div和计算的xCoord. 这听起来可行吗？

score 0 · Accepted Answer

您可以在 div 上使用固定定位：

.divtoposition {
position:fixed;
left: 0;
bottom: 0;
}

1 回答 1