Make iframe automatically adjust height according to the contents without using scrollbar? [duplicate] Ask Question

With JavaScript, you can actually calculate the width of the scrollbar and whether it’s visible by comparing two properties—window.innerWidth and document.body.clientWidth. If these are equal, the scrollbar isn’t visible. If these are different, we can subtract the body width from the window width to get the width of the scrollbar:const scrollbarWidth = window.innerWidth - document.body.clientWidthWe’ll want to perform this both on page load and on resize, in case someone resizes the window vertically and changes the overflow. Then, once we have the scrollbar width, we can assign it as a CSS variable:document.body.setProperty("--scrollbarWidth", `${scrollbarWidth}px`)

This kind of anxiety causes us to futurize and catastrophize, both of which take up a lot of emotional real estate. It’s a vicious cycle: The more we worry, the more we try to control our worry with something tangible, such as information. But clinging to our screens for the latest update has the opposite effect because it serves as fodder for more futurizing and catastrophizing. A daily update makes sense. But bingeing on up-to-the-minute news is like stress eating—it’s bloating our minds with unhealthy food that will make us feel sick.