Вам потрібно додайте «атрибут id» до розділу, який ви хочете показати, і використовуйте той самий id в атрибуті href з «#» у тегу прив’язки. Таким чином, натиснувши певне посилання, ви будете перенаправлені до розділу, який має той самий ідентифікатор, згаданий у тегу прив’язки.
Наступний сценарій jQuery scroll to div передає вас до певної частини сторінки, клацнувши відповідне посилання.
- HTML-код: укажіть ідентифікатор елемента з префіксом хеш (#) у значенні атрибута href тегу прив’язки.
- Код JavaScript: Функція плавної прокрутки використовує jQuery. …
- Код jQuery:
Щоб перейти до елемента в div за допомогою JavaScript, встановити scrollTop` батьківського елемента div на offsetTop цільового елемента. Цей метод забезпечує плавну навігацію в контейнері, який можна прокручувати.
метод scrollIntoView() для прокрутки до певного елемента. var my_element = документ. getElementById("мій_елемент"); мій_елемент. scrollIntoView({ behaviour: "smooth", block: "start", inline: "nearest" });
Ось чотири кроки, щоб створити посилання на певну частину сторінки:
- Дайте заголовок тексту, на який ви хочете зробити посилання. …
- Вставте заголовок у початковий тег прив’язки HTML. …
- Вставте теги прив’язки навколо тексту, на який потрібно створити посилання. …
- Створіть гіперпосилання, яке веде вас до тексту.
Якщо ви застрягли в тому, як створити посилання на певну частину HTML сторінки, спочатку призначте ідентифікатор тій частині чи об’єкту, куди ви хочете перейти. Тоді, створіть тег прив’язки HTML <a> або посилання переходу та призначте назву об’єкта атрибуту id, додавши # на початку.