@Spisoktem

Как модифицировать скрипт «прилипающей» шапки под себя, Ваши советы?

Доброго дня
имеется вот так код скрипта на сайте :
if($("section").is("#sticky_head")){
        var win = $(window),
            nav = $("#sticky_head"),

            pos = nav.offset().top,
            sticky = function(){

                win.scrollTop() > 0 ?
                    nav.addClass('is-sticky')
                        : nav.removeClass('is-sticky')
            };
        win.scroll(sticky);
    }


нужно переделать данный код так :
if($("section").is("#sticky_head")){
        var win = $(window),
            nav = $("#sticky_head"),

            pos = nav.offset().top,
            sticky = function(){

                // if() {
                //     win.scrollTop() > 0 ?
                //         nav.addClass('is-sticky')
                //         : nav.removeClass('is-sticky')
                // }
                // else {
                //     win.scrollTop() > 200 ?
                //         nav.addClass('is-sticky')
                //         : nav.removeClass('is-sticky')
                // }

            };
        win.scroll(sticky);
    }

т.е мне нужно как-то правильно прописать условие чтобы при скроле вниз было условие с "win.scrollTop() > 0"
а при скроле вверх было win.scrollTop() > 200
  • Вопрос задан
  • 135 просмотров
Пригласить эксперта
Ответы на вопрос 1
if($("section").is("#sticky_head")){
        var win = $(window),
            nav = $("#sticky_head"),
            
            pos = nav.offset().top,

            scrollTop = win.scrollTop(),
            sticky = function(){
               var _scrollTop = win.scrollTop()
               if(_scrollTop < scrollTop){/*движение вверх*/}
               if(_scrollTop > scrollTop){/*движение вниз*/}
               scrollTop = _scrollTop
            };
        win.scroll(sticky);
    }


что-нибудь такое
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы