Переход на якорь страницы после добавления добавления загрузки

0

Я новичок в использовании 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, игнорируется.

Может ли кто-нибудь мне помочь? спасибо заблаговременно и извините мой английский, надеюсь, этот вопрос достаточно ясен.

1 ответ

1
Лучший ответ

Согласно документам localScroll:

Плагин также добавляет функцию $.localScroll.hash(), которая проверяет URL-адрес в адресной строке, и если есть хэш (#an_id), он будет прокручиваться до элемента. Он принимает хэш настроек, как и $.localScroll. Вы, скорее всего, назовете его готовым документом. Проверьте правильный пример, чтобы увидеть его в действии.

Поэтому вам просто нужно вызвать $.localScroll.hash() в $(document).ready()

  • 0
    Удивительно. Я думаю, что тратить несколько часов, прежде чем спрашивать, помогает учиться, но я чувствую себя идиотом, когда решение так просто. Спасибо

Ещё вопросы

Сообщество Overcoder
Наверх
Меню