Как отключить скролл на якорь в табах МЕ603

2023-06-21 17:22 tilda

Есть в#nbsp;Tilda блоки с#nbsp;вкладками, удобное решение для организации контента со#nbsp;скрытием не#nbsp;нужного в#nbsp;данный момент. Например, разделить расписание для каждой группы, как на#nbsp;иллюстрации.

У#nbsp;этого инструмента есть нежелательное поведение, которое иногда сильно мешает. Для работы вкладок используется инструмент HTML якорные ссылки, т.#nbsp;е. в#nbsp;адресной строке дописывается конструкция, начинающаяся с#nbsp;символа # и#nbsp;указывающая на#nbsp;контент определенной вкладки.

Браузер запоминает этот адрес и#nbsp;в#nbsp;дальнейшем всегда возвращается к#nbsp;этому контенту. Встроенный в#nbsp;Tilda отключатель истории перемещений из#nbsp;блока T178 не#nbsp;работает с#nbsp;этим якорем. Вот и#nbsp;избавимся от#nbsp;этого эффекта. Добавьте код в#nbsp;блок T123 на#nbsp;странице:

<script>
//отключаем скролл на якорь в табах
    history.pushState('', document.title, window.location.pathname);
</script>

Теперь после обновления страницы адрес будет принудительно очищаться и#nbsp;страницу не#nbsp;будет скроллить к#nbsp;блоку с#nbsp;якорем

Игорь Айдегин