滚动页面分割图像按钮也向下滚动

本文关键字:滚动 按钮 图像 分割 | 更新日期: 2023-09-27 18:26:12

我创建了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);
    }

滚动页面分割图像按钮也向下滚动

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

阅读此处:样式之间的差异=";位置:绝对;并且style=";位置:相对;