Position div von oben basierend auf der unteren linken Ecke

Question

Ich habe einige divs in meiner Seite, die eine Transformation über Panzoom-Skript angewendet bekommen. Ich muss die Höhe dieser divs vith javascript/jquery ändern und sie dann so positionieren, dass die untere linke Ecke der divs in der gleichen Position bleibt und die obere linke Ecke nach oben geht. Was ich versuchte, ist, sie von oben zu positionieren und dann die Höhe des div zu entfernen, so dass die Position versetzt ist(). Top-DIVHEIGHT. Leider ist die Position aufgrund der Transformation und des Zooms nicht so präzise, ​​wie ich es hätte benötigen, und wenn Sie zoomen, sehen Sie, dass es ausgeschaltet ist. Eine bessere Lösung würde darin bestehen, die Position der unteren linken Ecke anzugeben, so dass ich ihre Position bei der Größenänderung nicht ändern müsste. Ist das möglich?

Dank

Answer 1

Sie geben können position: fixed, bottom: 0; und left: 0 und width und height nach Bedarf.

Dies wird es in der unteren linken Ecke zu beheben, oder wenn Sie die Werte für bottom und left ändern, halten Sie es in Bezug auf die untere linke Ecke konstant. Um es reaktionsfähig zu machen, können Sie die Werte vh und vw für bottom, left, width und height verwenden.

Wenn Sie die linke untere Ecke des Fensters nicht bedeuten, aber die body oder ein div, können Sie die gleichen position: relative als Referenz für die Position zu dienen, die mit position: absolute, mit dem „Anker“ Elemente tun können .