Как сделать появление блока при скролле на странице в 300px низ?

Question

Как сделать появление блока при скролле на странице в 300px низ?

Димон Ученик (10), на голосовании 4 года назад

Но так что бы работало нормально.

Answer 1

вышаешь onscroll, внутри смотришь scrollY, и если больше 300 - ставишь display: чеНадо;

Answer 2

<div id="div"><div>
<script>
div.style.position = 'fixed';
div.style.display = 'none';
div.style.width = '200px'
div.style.height = '200px'
div.style.backgroundColor = '#CAEBFA';
div.style.left = '40%';
div.style.top = '100px';
window.onscroll = function () {
if (window.pageYOffset > 300) {
div.style.display = 'inline';
}
if (window.pageYOffset == 0) {
div.style.display = 'none';
}
div.innerHTML = "Текущая прокрутка: " + window.pageYOffset;
}
</script>