BOOTSTRAP 4- Menu que vai até onde está a div

Front-end
#1

http://www.brbriquetes.com.br/
como faço para deixar tipo esse site?
ex: clico em contato e ele vai lá embaixo onde está o contato.

OBS: USO BOOTSTRAP 4

#2

Aqui na empresa esse site esta bloqueado, então eu não consigo acessar.

Mas pelo o que você falou, eu imagino que quando você clica em um item do menu a tela rola até um determinado elemento, certo?

Um menu é um conjunto de tags html, normalmente os menus são feitos usando 3 tags:

  • ul
  • li
  • a

ul: é a tag que representa todo o menu
li: é tag que representa cada item do menu
a: essa tag tem alguns propósitos: redirecionar para uma outra página, rolar a página até certo elemento ou executar uma função

Para o scroll ir até um determinado elemento, você deve passar o id desse elemento na propriedade href da tag a

No exemplo abaixo o scroll ira para a div3

<ul>
    <li><a href="#div3">Ir até div3</a></li>
<ul>

<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>

Ao clicar no item “Ir até div3”, o scroll “teleportará” para o elemento div3 (não vai ter aquele efeito de rolagem). Para ter o efeito de rolagem adicione o seguinte código no seu arquivo css:

html {
  scroll-behavior: smooth;
}
#3 
#rodape_in{
	  scroll-behavior: smooth;
}

não funcionou

#4

Cade o seu código html? O que você tentou?

1 curtida
#5

Já foi resolvido, obrigado!

#7

E como é que você resolveu, @Hundea? Posta aqui pra galera saber também.