如何通过js移动元素位置而不闪烁

Question

出于某种原因，我必须在页面上从中间到顶部移动div位置，我必须使用纯js：

    addLoadEvent(function(){
       ...
    initDivPosition
       ...
    });

function addLoadEvent(func) {
    var oldonload = window.onload;
    if(typeof window.onload != 'function') {
        window.onload = func;
    } else {
        window.onload = function() {
            oldonload();
            func();
        }
    }
}

但是当我在浏览器中测试它时，我发现：div首先处于中间位置并且非常快速地跳到顶部。 当页面加载完成时如何使它在顶部，所以用户不能注意到它跳转？

Answer 1

以下是其中一种方法：不是在load事件上调用定位函数，而是在div定义之后立即调用函数，例如

<div id="divToBePositioned">...</div>
<script>
    initDivPosition();
</script>

渲染div后，该函数将立即调用 。