, как изменить положение элемента на JS без мерцания

Question

По какой-то причине, я должен переместить позицию Div от середины к началу на странице, я должен использовать чистые ЯША:

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> 

Функция будет называться сразу после ДИВ визуализируется.