jquery блок меняет положение при прокрутке

(Ответов: 4, Просмотров: 675)
  1. Дипломник
    • Регистрация: 01.03.2013
    • Сообщений: 240
    • Репутация: 13
    • Webmoney BL: ?
    Сначала блок (содержание статьи) находится в начале поста на своем месте
    Как только начинается скрол - блок пропадает
    После появлется и фиксируется слева
    Если прокрутить страницу в само начало - блок на исходной позиции не появляется

    Сейчас вот такой код
    PHP код:
    <script type="text/javascript"
    $(function(){
     $(
    window).scroll(function() { 
      var 
    top = $(document).scrollTop();
       if (
    top 200) $(".table_of_contents").css('position''absolute').stop().fadeOut(100);
       else $(
    ".table_of_contents").css({top'20%'left'3px'position'fixed'width'250px'}).fadeIn(500);
     });
    });
    </script> 
    Как сделать что бы:
    1. блок возвращался на исходную позицию в начало поста, когда страницу прокрутили назад вверх
    2. что бы блок пропадал не сразу при начале скрола, а например при прокрутке до 500 px
    • 0
  2. Дипломник
    • Регистрация: 01.03.2013
    • Сообщений: 240
    • Репутация: 13
    • Webmoney BL: ?
    нашел вот такое решение - все работает, но слишком резко
    PHP код:
    <script>
    $(
    window).on("scroll", function() {
        if ($(
    window).scrollTop() > 700) $('.contents').addClass('contfix');
              else $(
    '.contents').removeClass('contfix');
        });
    </script> 
    как сюда правильно добавить какой нибуть эффект плавный?
    появление или выдвижение..
    • 0
  3. Дипломник
    • Регистрация: 01.03.2013
    • Сообщений: 240
    • Репутация: 13
    • Webmoney BL: ?
    добавляю например вот так slideDown()
    PHP код:
    <script>
    $(
    window).on("scroll", function() {
        if ($(
    window).scrollTop() > 700) $('.contents').addClass('contfix').slideUp();
              else $(
    '.contents').removeClass('contfix')slideDown();
        });
    </script> 
    но при прокрутке блок алавно появляется и сразу исчезает
    • 0
  4. Дипломник
    • Регистрация: 06.06.2011
    • Сообщений: 105
    • Репутация: 11
    removeClass('contfix')slideDown()
    точка пропущена?
    • 0
  5. Дипломник
    • Регистрация: 01.03.2013
    • Сообщений: 240
    • Репутация: 13
    • Webmoney BL: ?
    нет
    removeClass('contfix').slideDown()
    просто тут опечатался
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Подгрузка контента при прокрутке страницы
Web программирование 0 09.01.2015 18:21
Как поисковики относятся к автоматической прокрутке экрана?
Вопросы от новичков 0 03.08.2014 19:10
Положение центральной колонки таблицы в IE6+
Web программирование 2 29.12.2012 18:31
Ищу скрипт прилепляющий элементы при прокрутке
Web программирование 4 07.12.2012 21:24
Текст в прокрутке.
Вопросы от новичков 6 16.08.2011 22:48

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры