根據左下角從頂部開始的位置div

Question

我的頁面上有一些div，可以通過panzoom腳本應用轉換。 我確實需要通過javascript / jquery更改這些div的高度，然后以如下方式重新放置它們：div的左下角保持在相同位置，並且左上角向上。 我試圖將它們從頂部定位，然后除去div的高度，以便該位置為offset（）。top-DIVHEIGHT。 不幸的是，由於變換和縮放，位置不像我需要的那樣精確，並且當您縮放時，您會發現它已關閉。 更好的解決方案是指定左下角的位置，因此在調整大小時不必更改其位置。 那可能嗎？

謝謝

Answer 1

您可以為其指定position: fixed ， bottom: 0; left: 0 ，根據需要設置width和height 。

這會將其固定在左下角，或者如果您更改bottom和left的值，則使其相對於左下角保持恆定。 要使其具有響應性，您可以為bottom ， left ， width和height使用百分比或vh和vw值。

如果您不是要表示窗口的左下角，而是要表示body或div左下角，則可以對position: absolute進行相同的操作，其中“ anchor”元素具有position: relative可以用作該位置的參考。