плавная прокрутка с путевыми точками jquery (анимация)

Я пытаюсь сделать плавную прокрутку на своем новом сайте.

Посмотрите на этот сайт: http://asher-gallery.com/

Есть 3 блока, которые я хочу связать с «a href=#(.*)», чтобы я мог сделать плавную прокрутку такой же: http://asher-gallery.com/1/.

Я меняю параметры и перемещаю его в расположение блока, но не с анимацией...

Я надеюсь, что вы, ребята, можете помочь мне с этим!

СПАСИБО!


javascript jquery smooth-scrolling jquery-animate
person איציק ברבי    schedule 11.10.2013    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Что-то вроде этого должно работать, если вы завернете его в событие клика

$("html, body").animate({ scrollTop: $('#element-to-scroll-to').offset().top }, 300);
person David Jones    schedule 11.10.2013
comment
code $("a.1").click(function(){ $("html, body").animate({ scrollTop: $('#gallery').offset().top }, 800); }); ничего не происходит, я создал a.1 и элемент - #element-to-scroll-to : #gallery существует. ничего не случилось.. - person איציק ברבי; 11.10.2013
comment
Вам нужно предотвратить использование ссылки по умолчанию, чтобы она не указывала на ту же страницу. Попробуй это. $(a.1).click(function( e ){ $(html, body).animate({ scrollTop: $('#gallery').offset().top }, 800); e.preventDefault(); }); - person David Jones; 11.10.2013
comment
Привет, извините за поздний ответ. Не могли бы вы в console.log указать значение $('#gallery').offset().top и сказать мне, что это такое? - person David Jones; 15.10.2013
comment
Я сделал это, он дал мне значение = -111. - person איציק ברבי; 16.10.2013
comment
Это должно вернуть положительное число. Я не уверен, что еще предложить. На странице есть только один элемент с идентификатором галереи? - person David Jones; 16.10.2013
comment
я был на чем-то, asher-gallery.com/try. при прокрутке страницы номер меняется. четкое значение равно 60. - person איציק ברבי; 16.10.2013

arrow_upward
0
arrow_downward

Классы CSS не могут начинаться с цифр, если ваш класс похож на class="1", код игнорирует.

person Luiz Barros    schedule 04.11.2014