|
Заставить работать скрипт для навигации по странице при переходе извне
Вводная. Есть страница "а" и страница "б". У страницы "а" собственная "шапка" в которой прописано в числе прочего два скрипта для плавного перехода к якорям на этой странице и для выделения последней нажатой ссылки. Ссылки собраны в одной колонке (расположена неподвижно и всегда на виду у пользователя) текст с якорями - во второй. Нажимаешь ссылку из первой колонки - она меняет цвет (до нажатия другой ссылки), а вторая колонка прокручивается плавно до якоря.
Хочу сделать, чтобы нажатие на странице "б" (имеющей отличную от страницы "а" шапку) ссылки на якоря страницы "а" делало при переходе на страницу "а" все то же самое, что и при обычной навигации на странице "а". То есть, чтобы открывалась страница "а", выделялась в первой колонке этой страницы отдельным цветом ссылка на нужный якорь, и страница медленно прокручивалась бы до якоря.
Я понимаю, что активация ссылки на странице "б" не влечет за собой активацию ссылки на "а", и прочее. Но ни как не соображу, как это можно сделать, так как в теме разбираюсь плохо.
Используемые на "а" скрипты выглядят так.
Окрашиваем последнюю нажатую ссылку:
$(document).ready(function(){
$('a').click(function(){
$('.services-ul li a').css("color","rgb(128,128,128)");
$(this).css("color","rgb(255,153,51)");
});
});
Медленно прокручиваем страницу:
$(document).ready(function(){
$('a[href*="#"]').bind('click.smoothscroll',function (e) {
e.preventDefault();
var target = this.hash,
$target = $(target);
$('html, body').stop().animate({
'scrollTop': $target.offset().top - 40
}, 900, 'swing', function () {
window.location.hash = target;
});
});
});
|
