JQuery, window.scroll, поместите баннер

Question

Я хочу поместить баннер во время прокрутки:

Код

$(window).scroll(function(){ 
    offset = $(window).scrollTop()+80; 
    var h = $(window).height(); 

    if(offset < 80 && offset < (h-800)) 
    { 
     offset = 80; 
    } 

    $('#sidebar1').animate({top:offset}, 450); 
}); 

Проблема заключается в смещение динамична и изменяется при прокрутке вниз , баннер выходит за окно, и при прокрутке вниз он медленно продвигается. Я хочу постоянную анимацию, прокручивая вверх и вниз.

Есть ли атрибут как нижний, а не верхний, или есть событие, кроме прокрутки для достижения постоянной прокрутки?

Answer 1

Вот interessting нить относительно вашего вопроса ответил Крис Hanscom - Microsoft MVP:

Microsoft Forums

Упоминается в этой теме ... хороший небольшой плагин для JQuery для прокрутки во всех доступных направлениях: JScroller

Надеется, что это помогает ...

Answer 2

Смотрите эту ссылку - http://net.tutsplus.com/tutorials/html-css-techniques/creating-a-floating-html-menu-using-jquery-and-css/

Я также задал вопрос по этой теме некоторое время назад, что может быть полезно для вас. Это модифицированная версия вышеприведенного примера. Floating Scrolling Div with vertical constraints

Если это не то, что вам нужно, возможно, вы могли бы дать более подробное объяснение своей проблемы, возможно, какие скриншоты или даже примерный веб-сайт.

Answer 3

Старое сообщение, которое я знаю, но если кто-то ищет решение, см. Метод остановки jQuery, код написан ниже.

$(window).scroll(function(){ 
    offset = $(window).scrollTop()+80; 
    var h = $(window).height(); 

    if(offset < 80 && offset < (h-800)) 
    { 
     offset = 80; 
    } 
    $('#sidebar1').stop(); 
    $('#sidebar1').animate({top:offset}, 450); 
});