Показать сообщение отдельно
  #1 (permalink)  
Старый 20.06.2014, 10:26
Аспирант
Отправить личное сообщение для piraids Посмотреть профиль Найти все сообщения от piraids
 
Регистрация: 20.08.2013
Сообщений: 88

fadeOut при прокрутке к концу страницы
Добрый день, у меня есть на странице меню, при скролинге страницы оно становится фиксированным по верхнему краю, внизу страницы есть дублирующее меню. Как мне написать скрипт, который будет прятать мое фиксированное меню, когда будет видно дублирующее меню?
<div class="header">
  <div class="line">
    <div class="menu">
       ...items..
    </div>
  </div>
</div>
<div class="content">
    ...content( height > 2000px ).... 
</div>
<div class="footer">
  <div class="dubl_line">
     <div class="menu">
       ...items..
    </div>
  </div>
</div>
<script type="text/javascript">
    jQuery(function(f){
            var element = f('.line');
            f(window).scroll(function(){
                if(f(this).scrollTop() > 172){
                    element.addClass('line_fixed');
                }else{
                    element.removeClass('line_fixed');
                }
            });
        }); 
</script>


Как мне применить что то наподобии вот этого, только наоборот? Этот кусочек отображает элемент при прокрутке более 200px, иначе же скрывает:
element['fade'+ (f(this).scrollTop() > 200 ? 'In': 'Out')](500);
Ответить с цитированием