@Sergeev1ch

Как сделать плавный скролл по якорям типа /# и #?

https://katpht.herokuapp.com

Есть сайт, на первой страничке есть якоря, хочу сделать плавный скролл, нашел скрипт который дает возможность с любой страницы получить доступ к якорю и с анимацией сделать переход.
JS
jQuery(document).ready(function($) {
	var myHash = location.hash; //получаем значение хеша
		location.hash = ''; //очищаем хеш
		if(myHash[1] != undefined){ //проверяем, есть ли в хеше какое-то значение
			$('html, body').animate(
			{scrollTop: $(myHash).offset().top}
			, 1500); //скроллим за полсекунды
			location.hash = myHash; //возвращаем хеш
		};
	});

Столкнулся с такой проблемой, что при переходе с главной страницы по якорям анимация не отображается.
HTML
<div class="nav">
		<a href="/">HOME</a>
		<a href="photo">PHOTO</a>
		<a href="picture">PICTURE</a>
		<a href="/#about">ABOUT</a>
		<a href="/#services">SERVICES</a>
		<a href="/#contacts">CONTACTS</a>
	</div>
<div id="fullpage">
			<div class="section block1"></div>
			<div id="about" class="section block2"></div>
			<div id="services" class="section block3"></div>
			<div id="contacts" class="section block4"></div>
		</div>
  • Вопрос задан
  • 175 просмотров
Решения вопроса 2
Kozack
@Kozack Куратор тега CSS
Thinking about a11y
@Sergeev1ch Автор вопроса
Нашел решение с помощью скрипта fullpage.js
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы