基于左下角的顶部位置div

时间:2017-10-05 20:48:28

标签: javascript jquery position

我的页面中有一些div通过panzoom脚本应用转换。我需要通过javascript / jquery更改这些div的高度,然后重新定位它们,使得div的左下角保持在相同位置并且左上角上升。我尝试的是从顶部定位它们然后移除div的高度,使位置偏移()。顶部 - DIVHEIGHT。不幸的是,由于变换和变焦,位置不像我需要的那样精确,当你缩放时,你会看到它已经关闭。一个更好的解决方案是给出左下角的位置,所以我不必改变它在调整大小时的位置。这可能吗?

由于

1 个答案:

答案 0 :(得分:0)

您可以根据需要为其提供position: fixedbottom: 0;left: 0以及widthheight

这会将其修复到左下角,或者如果您更改bottomleft的值,请将其保持为相对于左下角的常量。为了使其具有响应性,您可以对vhvwbottomleft使用百分比或widthheight值。

如果您不是指窗口的左下角,而是bodydiv,则可以使用position: absolute执行相同操作,使用“锚点”具有position: relative的元素作为该职位的参考。