@enerjze

Как сделать анкор на конкретное место страницы?

Всем привет, такая проблема, прописал анкоры для одностраничника, но из-за фиксированной панели навигации - не могу четко выставить анкор на начало секции. Т.е Навигация закрывает начало секции, из-за этого анкор получается обрезанным.
Как есть
5f6c6a7307881615335034.png
Как хотелось бы
5f6c6b2dcbfcd876222168.png

Пример страницы

Может какой то отдельный div сделать под анкор?
  • Вопрос задан
  • 83 просмотра
Пригласить эксперта
Ответы на вопрос 2
@Softlink
Именно так. Создается дополнительный элемент с position: absolute у которого top = -1 * высота стикера , и вкладывается в секцию с соответствующим якорем.

https://jsfiddle.net/uay2xz71/
Ответ написан
Benzin102
@Benzin102
Shitcoder
У вас переброс на анкор идёт скриптами, можно попробовать вычесть из цели высоту шапки
var OnePageNav = function() {
		$(".smoothscroll[href^='#'], #ftco-nav ul li a[href^='#']").on('click', function(e) {
		 	e.preventDefault();

		 	var hash = this.hash,
		 			navToggler = $('.navbar-toggler');
		 	$('html, body').animate({
		    scrollTop: $(hash).offset().top - $('#ftco-navbar').height()
		  }, 700, 'easeInOutExpo', function(){
		    window.location.hash = hash;
		  });


		  if ( navToggler.is(':visible') ) {
		  	navToggler.click();
		  }
		});
		$('body').on('activate.bs.scrollspy', function () {
		  console.log('nice');
		})
	};
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
26 окт. 2020, в 03:15
100000 руб./за проект
26 окт. 2020, в 02:20
25000 руб./за проект
26 окт. 2020, в 01:56
3500 руб./за проект