I want to implement natively instead of implementing in JS that the coordinates of each element changes due to translation.
<ul>
<li>In other words, put it all on top of one div, and then move that div in parallel.</li>
</ul>
Can you even zoom in and out?
<ul>
<li>What is the relationship between zoom, scale and transform?</li>
<li>zoom is non-standard, scale is a kind of transform</li>
</ul>
Actually, the base on which all stickies are placed does not need to be large (just display the overflow).
<ul>
<li>Verification.</li>
<li>I was able to ✅.<ul>
<li>Scaling with scale</li>
</ul>
</li>
</ul>
viewport
 - <a href="/en/100vh%2C%20it%20sticks%20out%20vertically.">100vh, it sticks out vertically.</a>
<ul>
<li>I still thought I&#39;d get scrollbars, but the hidden divs were being counted, so I set top: 0.</li>
</ul>
<hr>
This page is auto-translated from <a href="https://scrapbox.io/nishio/%E2%9C%85DOM%E3%81%A7%E3%81%AE%E3%82%B9%E3%83%A0%E3%83%BC%E3%82%BA%E3%81%AA%E6%8B%A1%E5%A4%A7%E7%B8%AE%E5%B0%8F%E5%B9%B3%E8%A1%8C%E7%A7%BB%E5%8B%95">/nishio/✅DOMでのスムーズな拡大縮小平行移動</a> using DeepL. If you looks something interesting but the auto-translated English is not good enough to understand it, feel free to let me know at <a href="https://twitter.com/nishio_en">@nishio_en</a>. I&#39;m very happy to spread my thought to non-Japanese readers.

✅Smooth scaling and translating in the DOM