Я новичок в использовании jquery, но немного разбираюсь в повседневной работе. Я решил много проблем в этой сети, но я не могу найти решение для этого:
В настоящее время я использую довольно много ссылок на страницы.
У меня есть localscroll и scrollto как библиотеки jquery.
Я анимировал переход с помощью этого маленького скрипта:
<script type="text/javascript">
$(document).ready(function () {
$('.scrolllento').localScroll({ duration: 1000 });
});
</script>
и он отлично работает, если я добавлю класс "scrolllento" в cointainer моих ссылок.
Теперь проблема заключается в том, когда ссылка перескакивает на якорь внутри другой страницы. мой клиент спросил меня, можно ли сначала загрузить страницу, а затем перейти к якорю с тем же переходом на веб-сайт.
Я работаю над этим с моим маленьким знанием, и это то, что у меня есть:
<script type="text/javascript">
$(document).ready(function () {
var nosalto = $(location).attr('href');
if (nosalto.indexOf("HistoriaBMG") > 0) {
$.fn.gotoAnchor = function (anchor) {
location.href = this.selector;
}
$('#historia').gotoAnchor();
}
});
</script>
"HistoriaBMG" - это новая страница, а "#historia" - это якорь, который я хочу зайти на эту страницу.
и кажется, что он работает...
проблема в том, что я понятия не имею, как реализовать теперь переход как класс "scrolllento" в контейнере ссылки, идущей в. /HistoriaBMG, игнорируется.
Может ли кто-нибудь мне помочь? спасибо заблаговременно и извините мой английский, надеюсь, этот вопрос достаточно ясен.
Согласно документам localScroll:
Плагин также добавляет функцию $.localScroll.hash(), которая проверяет URL-адрес в адресной строке, и если есть хэш (#an_id), он будет прокручиваться до элемента. Он принимает хэш настроек, как и $.localScroll. Вы, скорее всего, назовете его готовым документом. Проверьте правильный пример, чтобы увидеть его в действии.
Поэтому вам просто нужно вызвать $.localScroll.hash()
в $(document).ready()