Показать сообщение отдельно
  #1 (permalink)  
Старый 10.10.2014, 15:19
Интересующийся
Отправить личное сообщение для EvilDoom Посмотреть профиль Найти все сообщения от EvilDoom
 
Регистрация: 07.09.2014
Сообщений: 15

Заменить class в div при скролле страницы
Всем привет
Нужен небольшой скрипт, при скроле страницы к примеру на 1800px вниз он меняет класс у блока, а при скролле ниже 3000px меняет класс обратно.

Есть вот такой скрипт:
<script type="text/javascript">
$(document).ready(function(){

        var $readmore_block = $("#readmore_block");

        $(window).scroll(function(){
            if ( $(this).scrollTop() > 1800 && $readmore_block.hasClass("stocke2") ){
                $readmore_block.fadeOut('fast',function(){
                    $(this).removeClass("stocke2")
                           .addClass("fixed_bottom")
                           .fadeIn('fast');
                });
            } else if($(this).scrollTop() <= 1800 && $readmore_block.hasClass("fixed_bottom")) {
                $readmore_block.fadeOut('fast',function(){
                    $(this).removeClass("fixed_bottom")
                           .addClass("stocke2")
                           .fadeIn('fast');
                });
            }
        });//scroll
    });//jQuery
</script>

После 1800px работает все как надо, но нужно что бы после 3000 он менял класс обратно, чего в нем не хватает?
Ответить с цитированием