Как сделать так, чтобы в определённом месте на странице (например, наверху) определённый элемент исчезал при скролле?

Question

[Александр Тимофеев]

Как сделать так, чтобы в определённом месте на странице (например, наверху) определённый элемент исчезал при скролле?

Comments

[personaljs]

пример пожалуйста

[Александр Тимофеев]

Например, кнопка "Наверх". Хотелось бы, чтобы в самом начале наверху сайта она бы исчезала. Не хочется использовать плагины, так как сама работающая кнопка предполагается, что есть!

Answer 1

[alternativshik]

$(window).bind('scroll', function() {
 if ($(window).scrollTop() < 300) { // если прокрутили меньше чем на 300px
            $('#need_hide').fadeIn('slow');
        } else {
            $('#need_hide').fadeOut('slow');
        }
})

Comments

[norlin]

Только селекторы, всё-таки, стоит кешировать.

[Александр Тимофеев]

зачем и как?)

[aen]

и bind заменить на on

[benderskiy]

@aldtimofeev для того чтобы при каждом срабатывании $window.scroll DOM не шерстить на поиск #need_hide, например

var $need_hide = $('#need_hide');
...
        {
            $need_hide.fadeIn('slow');
        } else {
            $need_hide.fadeOut('slow');
        }
...
})

[Александр Тимофеев]

@benderskiy Спасибо!

[alternativshik]

за переменные с $ в стиле пхп, надо рубить руки, я Щитаю)) Ну и пример был абстрактный, чисто для понимания процесса написан.

[benderskiy]

@alternativshik это общепринятый стиль именования переменых, хранящих jQuery Object, к PHP никакого отношения не имеет.. stackoverflow.com/questions/205853/why-would-a-jav...