0

Tenho uma função em jQuery que faz um Scroll suave na página, ao clicar no link do ID.

$(function() {
		$('a[href*="#"]:not([href="#"])').click(function() {
		if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
			var target = $(this.hash);
			target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
			if (target.length) {
				$('html, body').animate({
					scrollTop: target.offset().top
				}, 1000);
				return false;
			}
		}
		});
	});

Ela funciona perfeitamente. O problema, é que eu tenho uma div com position fixed de height: 100px que da um overlay nos primeiros 100px da div. Preciso acrescentar esses 100px na hora que acontecer o Scroll, clicando na div. Não faço ideia de como fazer isso.

3
  • Eu não entendi muito bem o que você precisa, exemplifique melhor. Se for o caso, poste seu HTML e CSS também. Teu código acima, ao executar está dando erro, é possível colocá-lo em um JSFiddle, JSBin ou CodePen? Commented 19/01/2017 às 9:56
  • 1
    Na onde tem scrollTop você coloca menos 100. Ficaria assim scrollTop: (target.offset().top - 100)
    – Hugo Lima
    Commented 19/01/2017 às 10:30
  • 1
    @HugoLima Perfeito! Não sabia que podia representar dessa forma. Obrigado
    – bonifacio
    Commented 19/01/2017 às 13:13

1 Resposta 1

1

var targetOffset = $target.offset().top - 100;

Ou pegue a altura do elemento de cabeçalho para o deslocamento extra.

var targetOffset = $target.offset().top - $("element").outerHeight(true);

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .