Перейти к содержанию

Как сделать "якоря" по тексту и вот такое меню Гайд-меню???


Рекомендуемые сообщения

На одном форуме увидел достаточно интересную реализацию Гайд-меню + якоря по тексту. При нажатии вас направляет на определённый момент в тексте. Очень круто ! Такое я делаю легко на движке ВордПресс но как это сделано на IPS не понимаю.

Выкладываясь. ссылочку, посмотрите.

https://invisionify.com/guides/monetize-communities/banner-advertising/#ad-locations-ips

 

Снимок экрана 2021-02-11 в 21.30.13.png

Ссылка на комментарий
Поделиться на другие сайты

А что не понятно? В меню справа - ссылки с якорями, в тексте якоря. Жмем ссылку, перепрыгиваем на якорь. А <nav></nav> генерит скрипт простенький, прошаривая по [data-role='title']

Ссылка на комментарий
Поделиться на другие сайты

58 минут назад, Desti сказал:

А что не понятно? В меню справа - ссылки с якорями, в тексте якоря. Жмем ссылку, перепрыгиваем на якорь. А <nav></nav> генерит скрипт простенький, прошаривая по [data-role='title']

а как они вставили это меню в статью? 

И это [data-role='title'] куда вставить нада ? Расскажите подробнее 

Ссылка на комментарий
Поделиться на другие сайты

9 часов назад, Litesm сказал:

а как они вставили

В jquery есть функция prepend(), которая вставляет контент первым чилдом. Родителем, в нашем случае, будет элемент, в котором объявлен скрипт. Поэтому this.scope.prepend(menu) вставит сгенеренную менюшку в начало секции.

image.thumb.png.e14d0f494ca1d87d1667dacba17be35a.png

data-title вставляется в тег заголовка секции, якорь перед ним, типа

<a id="anchor-label" rel=""></a>
<h2 class="cDocs_mainTitle" data-role="title">Заголовок</h2>

У инвижинов  для этого, скорее всего, есть приложение, а вам придется расставлять теги и якоря руками.

Ссылка на комментарий
Поделиться на другие сайты

  • 9 месяцев спустя...

Я так понимаю автор блока с якорями спрашивал помощи тут и смог это сделать без приложения https://invisioncommunity.com/forums/topic/453642-pages-how-to-use-anchors-in-editor/

 

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...