.dt {
display: block;
}
.dt .active {
display: none;
}
$(document).ready(function() {
//тут...
});
Браузер загружает и отображает HTML постепенно. Особенно это заметно при медленном интернет-соединении: браузер не ждёт, пока страница загрузится целиком, а показывает ту часть, которую успел загрузить.
Если браузер видит тег script, то он по стандарту обязан сначала выполнить его, а потом показать оставшуюся часть страницы.
var pixelN = 50;
var prevElHeight = $('.prevFooterEl').height()/2;
if ( $(this).scrollTop() > $(this).height() - $('footer').height()- prevElHeight - pixelN){...}
footer {
height: 25vh
}
var pixelN = 50;
if ( $(this).scrollTop() > $(this).height() - $('footer').height()*3 - pixelN){...}