There is an element in a subpage in the iframe. I want it to be always centered as the mouse scrolls, but using the previous method, it seems to have no effect. May I ask why?
window.onload = function(){
function box(){ var oBox = document.getElementById("box"); var L1 = oBox.offsetWidth; var H1 = oBox.offsetHeight; var Left = (document.documentElement.clientWidth-L1)/2; var top = (document.documentElement.clientHeight-H1)/2; oBox.style.left = Left+"px"; oBox.style.top = top+"px"; } box(); window.onresize = function(){ box() } }The element whose id is box needs to be centered and position=absolute
Because the height of the element is not fixed, the js control used does not work for positioning; is there something wrong with my code or is it because the iframe page allows the element to be centered? Method not working
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Is your iframe centered? If you want the content of the iframe to be centered, just write css. No need to write js anymore
It seems you have to use position=fixed