Добавление якорных ссылок для плавной прокрутки на той же странице

Написано

в

,

Добавление якорных ссылок для прокрутки на той же странице

Это премиум-функция, доступная в версии 4.0.1+

Якорные ссылки с прокруткой на той же странице — это ссылки, которые ведут на определенное место на той же самой странице. При нажатии на такую ссылку браузер плавно прокрутит страницу к указанной области.

Для создания якорной ссылки на той же странице вам понадобятся две вещи:

  1. Пользовательский класс или пользовательский ID элемента, и
  2. Ссылка или кнопка, которая ссылается на этот пользовательский класс или ID

1. Пользовательский класс или пользовательский ID элемента

Выберите любой элемент ближе к нижней части страницы и откройте его свойства. В разделе дополнительных настроек добавьте пользовательский класс или пользовательский ID с именем » go_here«

2. Ссылка или кнопка, которая ссылается на пользовательский класс или ID

Теперь создайте ссылку или добавьте элемент кнопки где-нибудь ближе к верхней части страницы. Вместо добавления URL-адреса в качестве ссылки используйте » .go_here» (с точкой), если вы указали «go_here» как пользовательский класс; или используйте «#go_here» (со знаком решетки), если вы указали его как пользовательский ID.

После сохранения страницы при нажатии на ссылку/кнопку теперь должна происходить плавная прокрутка к элементу в нижней части страницы.

Вы также можете использовать это для перехода к именованным якорям

Именованные якоря, такие как

<a name="go_here"></a>

также могут быть целью перехода при добавлении ссылки на «#go_here» (со знаком решетки)

Другие варианты использования

Вы также можете ссылаться на любые другие области вашей страницы, даже за пределами области редактора, если вы указываете их с помощью имен классов или ID.