我的页面中有一些div通过panzoom脚本应用转换。我需要通过javascript / jquery更改这些div的高度,然后重新定位它们,使得div的左下角保持在相同位置并且左上角上升。我尝试的是从顶部定位它们然后移除div的高度,使位置偏移()。顶部 - DIVHEIGHT。不幸的是,由于变换和变焦,位置不像我需要的那样精确,当你缩放时,你会看到它已经关闭。一个更好的解决方案是给出左下角的位置,所以我不必改变它在调整大小时的位置。这可能吗?
由于
答案 0 :(得分:0)
您可以根据需要为其提供position: fixed
,bottom: 0;
和left: 0
以及width
和height
。
这会将其修复到左下角,或者如果您更改bottom
和left
的值,请将其保持为相对于左下角的常量。为了使其具有响应性,您可以对vh
,vw
,bottom
和left
使用百分比或width
和height
值。
如果您不是指窗口的左下角,而是body
或div
,则可以使用position: absolute
执行相同操作,使用“锚点”具有position: relative
的元素作为该职位的参考。