Привет всем. Нужна помощь в поиске решения...
Суть: на странице №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();
});
Т.е. получается надо поймать событие при клике на одной странице и "передать" его при переходе на другую? Как это сделать?