Форум 1С-Битрикс

Задавайте свои вопросы и отвечайте на вопросы других участников форума

Страницы: 1
Ответить
Плавная прокрутка до якоря на js
 
Проблема следующая.
Делаю переход по ссылке <a href="#block">ссылка</a>на якорь к нужному блоку <div id="block"></div>на странице на html
А именно в ссылке прописываю #block
А в блоке прописываю id="block"
Переход к блоку происходит, но липкое меню вверху страницы загораживает часть блока.
И происходит резкое перемещение.
Как поставить якорь чуть выше блока, чтобы нужный блок был под липким меню и сделать эту прокрутку плавной на js?
 
Используйте простой скрипт на js

Добавте ссылке id="a_block"
и укажите отступ размера меню в переменной var menu = 100;
Код
<script>
$("#a_block").on("click", function (e) {
   var anchor = $(this);
        
        var menu = 100;
        $('html, body').stop().animate({
   scrollTop: $(anchor.attr('href')).offset().top-menu
   }, 777);
      e.preventDefault();
   return false;
});
</script>
Страницы: 1
Ответить
Читают тему (гостей: 1)
Форма ответов
Текст сообщения*
Загрузить файл или картинкуПеретащить с помощью Drag'n'drop
Перетащите файлы
Ничего не найдено
Отправить Отменить