Как скрыть блок до нужного места на странице?

Question

[slavik_kozachok_official]

Цель показать блок в указанном месте и зафиксировать в топе страницы. Все работает хорошо, однако при обновления страницы блок не скрыт, и после минимального скролла он пропадает. Как скрыть блок чтобы во после обновления он был скрыт до нужного места
jQuery

$(document).ready(function() {

	$(window).scroll(function() {
        
        if ($(this).scrollTop() >= 700) {
        	$('#top_js').fadeIn();
        } else {
        	$('#top_js').fadeOut();
        }
        
    });
});

Answer 1

[Никита Souvel]

В стилях display: none; можно даже инлайном прописать

Comments

[slavik_kozachok_official]

Спасибо!

Answer 2

[fasnet]

Ну все верно выполняет скрипт. Только при скролле $(window).scroll выполняется, а вот если вы сделали скролл, а потом обновились, то проверка в $(window).scroll не запустится. Поэтому перед $(window).scroll поставьте условие на проверку.

if ($(window).scrollTop() >= 700) {
        $('#top_js').fadeIn();
} else {
        $('#top_js').fadeOut();
}