Как сделать плавный переход от пункта меню к виджету?

InstantCMS 2.X
#1 8 февраля 2025 в 22:34

В движке есть отличная опция с меню, которая позволяет указать пункт через # и сделать тем самым переход к виджету на нужной странице. Единственный недочет визуальный — быстрый скачек к этому виджету, а не плавный переход.

Возможно ли как-то настроить, чтобы переход был с эффектом плавного скрола?

#2 8 февраля 2025 в 22:51
В движке есть отличная опция с меню, которая позволяет указать пункт через # и сделать тем самым переход к виджету на нужной странице.
Def

к контейнеру дописать ID и js переход

Если вы предпочитаете использовать только CSS, вы можете воспользоваться следующим примером. Добавьте этот код в ваш стилевой файл или внутри тега <style>:

html {
  scroll-behavior: smooth;
}
Это свойство scroll-behavior со значением smooth применяет плавный скролл ко всему документу. Однако стоит отметить, что это свойство пока не поддерживается во всех браузерах, в частности, в Safari.

#3 9 февраля 2025 в 09:16
В движке есть отличная опция с меню, которая позволяет указать пункт через # и сделать тем самым переход к виджету на нужной странице.
TOPg

Отлично работает. Спасибо. Сафари можно пренебречь:)

А чтобы в адаптиве при клике по такому пункту меню это самое меню закрывалось, есть рецепт?)

Изображение

#4 9 февраля 2025 в 14:17
В движке есть отличная опция с меню, которая позволяет указать пункт через # и сделать тем самым переход к виджету на нужной странице.
Def

Можно подробней что вы имели ввиду, с картинками. Возможно тоже будет актуально 

#5 9 февраля 2025 в 15:06

Можно подробней

Happy

тоже ничего не понял.

А чтобы в адаптиве при клике по такому пункту меню это самое меню закрывалось, есть рецепт?)

Def

Смотря какие там классы:

  1. $('#MENU-ID').click(function(event) {
  2. $('body').removeClass('user-menu-open messages-open notices-open');
  3. icms.modal.close();
  4. });
#6 9 февраля 2025 в 15:15

Не совсем понятно что значит вызвать виджет с любой страницы ??? Если это не модал аякс

#7 9 февраля 2025 в 16:09

Что-то из серии. Посмотрите на мое меню, не работает. Вот скриншот:

Изображение


Какое меню? где это меню? какие виджеты? какие ссылки #? Ну нафиг. Буду пропускать такие темы, потом еще дебилом обзовут «Вы элементарных вещей не знаете...»

#8 9 февраля 2025 в 17:02

 pupsik, но кто-то же его понял ))

#9 9 февраля 2025 в 20:32

Я могу только предположить, что он создал тему, потом написал ему в ЛС с подробностями, ну а тот отписался тут.

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.