Показать сообщение отдельно
  #1 (permalink)  
Старый 24.06.2015, 20:59
Аспирант
Отправить личное сообщение для Quark_ Посмотреть профиль Найти все сообщения от Quark_
 
Регистрация: 24.06.2015
Сообщений: 96

Плавный скролл к div после клика, но уже на другой странице
Привет всем. Нужна помощь в поиске решения...
Суть: на странице №1 есть ссылка вида <a class="anchor" href="страница №2#div">...</a> т.е. при клике происходит мгновенный переход на другую страницу к диву, имеющий соответствующий id.
Как сделать, чтобы происходил плавный скроллинг к этому div?
Для скролла по якорям использую такой код:
(function ($) {
  $.fn.anchorAnimate = function(options) {
    var settings = $.extend({}, $.fn.anchorAnimate.defaults, options);

    return this.each(function() {
      var caller = this;
      $(caller).click(function(event) {
        event.preventDefault();
        var elementClick = $(caller).attr("href");

        var destination = $(elementClick).offset().top + settings.offset;
        $("html:not(:animated), body:not(:animated)").animate({ scrollTop: destination}, settings.speed, function() {
          if(0 === settings.offset) {
            window.location.hash = elementClick;
          }
        });
        return false;
      });
    });
  };

  $.fn.anchorAnimate.defaults = {
    speed: 500,
    offset: -120
  };
}(jQuery));

$(document).ready(function() {
$("a.anchor").anchorAnimate();
});

Т.е. получается надо поймать событие при клике на одной странице и "передать" его при переходе на другую? Как это сделать?
Ответить с цитированием