Question

我创建了Div Over Image按钮，css样式位置是绝对的当我滚动页面时，div也向下滚动如何修复潜水图像按钮

#DamageDiv {
background-color:red;
position:absolute;
z-index:1000;/* heighest z-index show on top */

}

function DrawImage(e) {
        var evt  = e || window.event; // compliant with ie6 
        var posX = evt.clientX;
        var posY = evt.clientY;
        var iDiv = document.createElement('div');
        iDiv.id = DamageType;
        iDiv.style.top = posY + "px";
        iDiv.style.left = posX + "px";
        iDiv.style.width = "20px";
        iDiv.style.height = "20px";
        document.getElementsByTagName('body')[0].appendChild(iDiv);
    }

Answer 1

从CSS中删除position:absolute - 这会使div在滚动时保持在屏幕上的相同位置。

在这里阅读： Difference between style = "position:absolute" and style = "position:relative"

滚动页面Div Over Image按钮也向下滚动

1 个答案: