2014-01-03 3 views
0

Я использую этот код, чтобы использовать плавную прокрутку в моем веб-сайте (demo):Полная страница Smooth Scrolling

$("#click-me").click(function(){ 
    $('html,body').animate({ 
    scrollTop: window.screen.availHeight 
    }, 200); 
}); 

Я пытаюсь прокрутить так точно высоту страницы. Однако, похоже, она прокручивается мимо этого момента. Я попытался ввести «100%» в качестве значения, но это не сработало.

Что вызывает эту проблему, и что мне делать, чтобы исправить ее?

Спасибо!

ответ

3

Он работает правильно, но если вы не добавите это (или учетную запись для заполнения и поля на теле), результат будет слегка отключен.

body{ 
    padding:0; 
    margin:0; 
} 

http://jsfiddle.net/bb9ux/2/ (нерабочая версия: http://jsfiddle.net/bb9ux/3/)

+1

Спасибо за быстрый ответ, что это именно то, что мне нужно! – hkk

1

Выделите частности DIV:

$("#click-me").click(function(){ 
    $('html, body').animate({ 
     scrollTop: $('#scroll-here').offset().top 
    }, 2000); 
}); 

FIDDLE

+0

См. Отредактированный ответ и скрипку –

+1

Вау, два отличных ответа. Это позволяет решить, какой ответ принять жесткое решение. :) – hkk

+0

+1 Хотя это еще не совсем то, о чем я просил, я думаю, что бывают случаи, когда это будет полезно для меня в других проектах. Благодаря! – hkk

Смежные вопросы