ищу скрипт на jquery по примеру...

Тема в разделе "JavaScript", создана пользователем anz, 16 ноя 2012.

Модераторы: ZiX
  1. anz

    anz Level XXL

    Регистр.:
    17 окт 2006
    Сообщения:
    935
    Симпатии:
    304
    на странице http://smartnews.ru/politics/authorities/1981.html справа есть плавающий блок - ГЛАВНОЕ ЗА СЕГОДНЯ
    который при прокрутке страницы меняет контент при этом оставаясь на одном месте...

    этот блок крутится на prototype, кто подскажет такой же, но на jquery.
     
  2. object0

    object0 Писатель

    Регистр.:
    30 сен 2011
    Сообщения:
    7
    Симпатии:
    1
  3. anz

    anz Level XXL

    Регистр.:
    17 окт 2006
    Сообщения:
    935
    Симпатии:
    304
    не много не то, это просто плавающий блок, с ним проблем нет, вот как менять контент в нем при скроллинге?
     
  4. kerubinus

    kerubinus Создатель

    Регистр.:
    20 ноя 2012
    Сообщения:
    11
    Симпатии:
    0
    свиток, чтобы превысить.... тогда остановитесь
    Код:
     var fixed = false;
     
    jQuery(document).scroll(function() {
        if( jQuery(this).scrollTop() >= 480 ) {
            if( !fixed ) {
                fixed = true;
                jQuery('#rightcolumn').css({position:'fixed',top:-280}); // Or set top:20px; in CSS
            }                                          // It won't matter when static
        }
     
       
        else {
            if( fixed ) {
                fixed = false;
                jQuery('#rightcolumn').css({position:'static'});
            }
        }
       
          if( jQuery(this).scrollTop() >= 1320 ) {
            if( fixed ) {
                fixed = false;
                jQuery('#rightcolumn').css({position:'relative', top:834}); // Or set top:20px; in CSS
            }                                          // It won't matter when static
        }
     
       
       
       
    });
    это идет в вершину окон, тогда останавливаются.
    если свиток больше переначала.
    Вы должны изменить ваши измерения

    выньте это, если Вы не нуждаетесь

    Код:
          if( jQuery(this).scrollTop() >= 1320 ) {
            if( fixed ) {
                fixed = false;
                jQuery('#rightcolumn').css({position:'relative', top:834}); // Or set top:20px; in CSS
            }                                          // It won't matter when static
        }
     
  5. anz

    anz Level XXL

    Регистр.:
    17 окт 2006
    Сообщения:
    935
    Симпатии:
    304
    к коду блок со стилями есть? что-то не срабытывает.


    p.s. и в один пост оформи, удалят
     
  6. kerubinus

    kerubinus Создатель

    Регистр.:
    20 ноя 2012
    Сообщения:
    11
    Симпатии:
    0
    Код:
    #rightcolumn {
    margin-top: 0px;
    max-width:205px;
    }
     
  7. anz

    anz Level XXL

    Регистр.:
    17 окт 2006
    Сообщения:
    935
    Симпатии:
    304
    ну это опять скрол, контент то не меняется (((
    не ужели не понятно написал? смотрите пример...
     
  8. kerubinus

    kerubinus Создатель

    Регистр.:
    20 ноя 2012
    Сообщения:
    11
    Симпатии:
    0
    я проверил, и это работает, должен решить конфликты jquery.
    пробуйте замену jQuery - $
    Код:
    var fixed = false;
     
    $(document).scroll(function() {
        if( $(this).scrollTop() >= 480 ) {
            if( !fixed ) {
                fixed = true;
                $('#rightcolumn').css({position:'fixed',top:-280}); // Or set top:20px; in CSS
            }                                          // It won't matter when static
        }
     
       
        else {
            if( fixed ) {
                fixed = false;
                $('#rightcolumn').css({position:'static'});
            }
        }
       
          if( $(this).scrollTop() >= 1320 ) {
            if( fixed ) {
                fixed = false;
                $('#rightcolumn').css({position:'relative', top:834}); // Or set top:20px; in CSS
            }                                          // It won't matter when static
        }
     
       
       
       
    });
    проверенный с jQuery 1.7.1