Прокрутите плавно вниз и скройте полосы прокрутки

Question

У меня есть страница с двумя div (# page1 и # page2 над друг другом, которые точно соответствуют размеру окна браузера (вычислено jQuery). Когда я нажимаю на div с id: имя Я хочу, чтобы страница плавно прокручивалась до # page2.

Но теперь я хочу скрыть полосы прокрутки и запретить пользователям прокручивать. Таким образом, единственный способ, с помощью которого пользователи могут перейти к Если вы пытаетесь настроить тело на переполнение: скрытая страница больше не будет прокручиваться до # page2. Только когда я вынимаю анимацию и использую только scrollIntoView, тогда она перескакивает на # page2 . Вот мой код:

$('#name').click(function() { 
    //$('#page2')[0].scrollIntoView(true); 
    $('#page2').scrollTo(500); 
}); 


jQuery.fn.extend(
{ 
    scrollTo : function(speed, easing) 
    { 
    return this.each(function() 
    { 
     var targetOffset = $(this).offset().top; 
     $('html,body').animate({scrollTop: targetOffset}, speed, easing); 
    }); 
    } 
}); 

Как я могу объединить оба, анимацию и переполнение: скрытые?

Заранее благодарен!

Answer 1

это Плавно свитка на 300px от Top:

jQuery('html,body').stop().animate({ scrollTop: 300 }, 400, function() {}); 

и для отключения полосы прокрутки

$('body').css('overflow','hidden')