March 21, 2022
Якоря и якорные ссылки
Чтобы добавить на страницу якорные ссылки (ссылки, при переходе по которым не происходит переход на другую страницу, а просто переводится взгляд пользователя на какой-то блок) вам нужно создать якорь
и вставить его туда, куда должен переводиться взгляд пользователя. После этого делаете в любой кнопке ссылку #anyword и при нажатии по этой кнопке будет переводиться взгляд на якорь, который вы создали ранее. Вместо anyword можно использовать любое слово на латинице
Такой якорь функционален, но не имеет плавного перехода на Safari-браузерах. Чтобы был плавных переход по якорю, используйте код
javascript:document.querySelector('.b-606d58eaa8f611ecaefaac1f6bd74bd8').parentElement.scrollIntoView({behavior: "smooth", block: "end", inline: "nearest"});С заменой b-606d58eaa8f611ecaefaac1f6bd74bd8 на класс нужного вам блока. Как это делается рассказано в видеоинструкции: