jQuery scrollTo или анимировать не прокручивать страницу

Question

Я пытаюсь сделать что-то простое: когда пользователь нажимает на элемент div, вся страница прокручивается в определенное место. Я делал это раньше, но почему-то это сейчас не работает. Я имею в виду, сейчас я просто хочу, чтобы прокрутка любая знала, что плагин работает.

Это действительно очень просто: $ .scrollTo (500, 500) должен работать, но ничего не реагирует, не выдается ошибка.

Вот ссылка на фиктивную версию того, что я делаю: http://jansensan.net/dump/jquery-scrollto-issue/ Просто нажмите на черный div в правом нижнем углу, чтобы увидеть ... ничего не происходит. Вы также можете посмотреть полный код: http://jansensan.net/dump/jquery-scrollto-issue/js/global.js.

Есть ли в CSS что-нибудь, что могло бы нарушить эту функциональность?

Answer 1

Вы можете сделать это следующим образом:

$('html, body').animate({
  scrollTop: $('#elementID').offset().top
}, 1000);

Заменить #elementID идентификатором элемента, на который вы хотите перейти с анимацией.

Проверьте фактическую реализациюнажав на ссылку Запросить цену внизу.

Answer 2

Кажется, я полагался на неправильные примеры, $.scrollTo("#bottomContent", 1000, {easing:"easeInOutCubic"}); работает, извините, если для некоторых из вас эта проблема была очевидна.

Answer 3

Ваш JavaScript говорит:

function scrollToTouts()
{
    // FIXME: whatever I do here, nothing scrolls
    $.scrollTo(500, 500);
}

Вам не нужно указывать цель свитка?

, например

$.scrollTo('#content', 500, 500);

или

$.scrollTo('body', 500, 500);