@asadov11

Как реализовать подобное в css/html/js?

5a854c7d2f03c531101886.png
Такая кнопка называется вроде якорь, верно?
делал так (без "a")
<div class="scroll "><i class="fa fa-arrow-down"></i></div>

прописал стили, ну это понятно
теперь как лучше реализовать, чтобы при нажатии на div, страница плавно уезжала на секцию ниже?
как это прописать в js?
в интернете найти не могу, там выбивает не то, что мне нужно типа
http://http://htmlbook.ru/samhtml/yakorya
а у меня ведь блок с иконкой. ММ?
  • Вопрос задан
  • 187 просмотров
Решения вопроса 1
alex-1917
@alex-1917
По якорям как ты говоришь не будет плавного скролла, поэтому только js
Долготер дал фигню, это код для одного браузера, где-то не будет рабоать или в мозилле или в хроме или в опере. даже на хабре терли.
Надо не body.animate, а надо ('body,html').animate (утрировано)

Вот с рабочего проекта, тут скролл до блока с id="map", а вторая ссылка скроллит до блка с id="box_middle"если не хочешь ссылки, то делай дата-аттрибуты и вперед:
<a href="#map" class="go_bottom go_link"></a>
<a href="#box_middle" class="go_middle go_link"></a>

jQuery('a.go_link').click(function(event) {
	event.preventDefault();
	var id  = jQuery(this).attr('href');
	if (jQuery(id).length != 0) {
		var top = jQuery(id).offset().top;
		top = top-96;
		jQuery('body,html').animate({scrollTop: top}, 1500);
	}
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Blogman Оренбург
от 20 000 до 60 000 руб.
от 10 000 до 15 000 руб.
Reklama Guru Санкт-Петербург
от 50 000 до 60 000 руб.
22 авг. 2018, в 08:57
113 руб./за 1000 зн.
22 авг. 2018, в 08:50
10000 руб./за проект
22 авг. 2018, в 06:57
150 руб./в час