Плавная прокрутка на всю страницу

Question

Плавная прокрутка на всю страницу

0

Я использую этот код для использования плавной прокрутки на моем веб-сайте (демо):

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

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

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

Благодарю!

hkk 04 янв. 2014, в 01:26

Источник

Теги:

javascript

jquery

html

smooth-scrolling

2 ответа

1

Прокрутите список до определенного div:

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

FIDDLE

Khawer Zeshan 03 янв. 2014, в 22:13

0

Смотрите отредактированный ответ и скрипку
Khawer Zeshan 04 янв. 2014, в 00:08
1

Вау, два отличных ответа. Это решение, какой ответ принять трудное решение. :)
hkk 04 янв. 2014, в 00:09
0

+1 Хотя это все-таки не совсем то, о чем я просил, но, думаю, бывают моменты, когда это будет полезно для меня в других проектах. Спасибо!
hkk 04 янв. 2014, в 00:20

Показать ещё 1 комментарий

Ещё вопросы

Смотрите отредактированный ответ и скрипку
Вау, два отличных ответа. Это решение, какой ответ принять трудное решение. :)
+1 Хотя это все-таки не совсем то, о чем я просил, но, думаю, бывают моменты, когда это будет полезно для меня в других проектах. Спасибо!

Popnoodles · Accepted Answer · 2014-01-03T22-25-00.000Z

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

body{
  padding:0;
  margin:0;
}

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

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