Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.10.2015, 15:45
Новичок на форуме
Отправить личное сообщение для geol.post Посмотреть профиль Найти все сообщения от geol.post
 
Регистрация: 27.10.2015
Сообщений: 3

Заставить работать скрипт для навигации по странице при переходе извне
Вводная. Есть страница "а" и страница "б". У страницы "а" собственная "шапка" в которой прописано в числе прочего два скрипта для плавного перехода к якорям на этой странице и для выделения последней нажатой ссылки. Ссылки собраны в одной колонке (расположена неподвижно и всегда на виду у пользователя) текст с якорями - во второй. Нажимаешь ссылку из первой колонки - она меняет цвет (до нажатия другой ссылки), а вторая колонка прокручивается плавно до якоря.
Хочу сделать, чтобы нажатие на странице "б" (имеющей отличную от страницы "а" шапку) ссылки на якоря страницы "а" делало при переходе на страницу "а" все то же самое, что и при обычной навигации на странице "а". То есть, чтобы открывалась страница "а", выделялась в первой колонке этой страницы отдельным цветом ссылка на нужный якорь, и страница медленно прокручивалась бы до якоря.
Я понимаю, что активация ссылки на странице "б" не влечет за собой активацию ссылки на "а", и прочее. Но ни как не соображу, как это можно сделать, так как в теме разбираюсь плохо.
Используемые на "а" скрипты выглядят так.
Окрашиваем последнюю нажатую ссылку:
$(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;
});
});
});
Ответить с цитированием
  #2 (permalink)  
Старый 28.10.2015, 07:23
Профессор
Отправить личное сообщение для krasovsky Посмотреть профиль Найти все сообщения от krasovsky
 
Регистрация: 21.12.2012
Сообщений: 869

Добавь в ссылку перехода на страницу "а" признак по которому будешь определять что нужно крутиться до такого-то якоря, и при загрузке страницы проверяй - если признак есть - крути.
Ответить с цитированием
  #3 (permalink)  
Старый 28.10.2015, 08:00
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,120

geol.post,
выделить hash и кликнуть по этой ссылке
пример тут Плавный скролл к div после клика, но уже на другой странице и тут
Отсутствует плавный скроллинг по якорям
Ответить с цитированием
  #4 (permalink)  
Старый 28.10.2015, 15:43
Новичок на форуме
Отправить личное сообщение для geol.post Посмотреть профиль Найти все сообщения от geol.post
 
Регистрация: 27.10.2015
Сообщений: 3

Сообщение от рони Посмотреть сообщение
geol.post,
выделить hash и кликнуть по этой ссылке
пример тут Плавный скролл к div после клика, но уже на другой странице и тут
Отсутствует плавный скроллинг по якорям
Все заработало, большое спасибо!
Ответить с цитированием
  #5 (permalink)  
Старый 29.10.2015, 13:12
Новичок на форуме
Отправить личное сообщение для geol.post Посмотреть профиль Найти все сообщения от geol.post
 
Регистрация: 27.10.2015
Сообщений: 3

Аппетит приходит во время еды )))
А как дополнить код, чтобы при "ручном" пролистывании колонки с текстом во время прохода очередным якорем верха страницы - автоматически подсвечивалась соответствующая ему ссылка?
Ответить с цитированием
  #6 (permalink)  
Старый 29.10.2015, 13:35
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,120

geol.post,
лучше поставить что-то готовое типа
http://alvarotrigo.com/pagePiling/#page2
или
http://manos.malihu.gr/repository/pa...demo/demo.html
или
http://markserbol.com/tocible/
есть и на форуме решения подсветки ссылки на видимый блок, искать нужно.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
history рассширение для браузеров не поддерживающих pushState, replaceState devote Ваши сайты и скрипты 187 13.08.2015 10:40
Скрипт для увеличения изображения при наведении курсора TypucT Javascript под браузер 1 10.10.2011 15:29
Не выполняется скрипт на подгружаемой странице AlThar ExtJS 1 21.01.2011 15:10
Как заставить работать .change для <select> где-то, кроме оперы? InviS jQuery 3 09.10.2010 23:02
Как заставить работать событие onLoad для embed slim-v Events/DOM/Window 0 16.09.2010 15:07