» »

Как создать плавную прокрутка страницы до якоря

Как создать плавную прокрутка страницы до якоря

Здесь узнаете, как сделать плавную прокрутку на странице, до определенного место, которое вы задали по умолчанию на ключевом слове. Данный скрипт не будет реагировать на те ссылки которые открывают модальные окна кто установил. К ссылкам необходимо привязывать запрет и также в скрипте прописать.

Если у вас на лейдилинг, то окошки открываться не будут к сожалению. Как сделать запрет работы скрипта к определенным ссылкам? Вот этот же скрипт. Пришлось в нем прописать немного запрета на ссылки открытия окон .not(".not") на странице.

Код
<script> $(document).ready(function(){$('a[href^="#"], a[href^="."]').not(".not").click(function(){var a=$(this).attr("href");return 0!=$(a).length&&$("html,body").animate({scrollTop:$(a).offset().top},1000),!1})});</script>

И на самой ссылке или кнопке прописываем id таким образом

Код
<a href="#reviews" class="not">ссылка вызова окошка</a>

Если у вас уже прописан свой CLASS к данной ссылке, например class="botton" то добавляем к нему класс с JS таким образом

Код
<a href="#reviews" class="botton not">ссылка вызова окошка</a>

Установка завершена.
08.11.2017 Просмотров: 314 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar