Eu fiz uma página em bootstrap e também um scroll suave, mas este scroll não é da página e sim de uma div.
A scroll principal da página eu tirei, e a página em si está dentro dessa div.
Existe alguma maneira de eu deixar o scroll da div como principal? Pois assim que entram na página precisam clicar para descer a barra.
E eu também preciso mudar uma class
assim que rolasse a página a partir de certo valor, mas não altera porque no meu código ele pega o scroll da body, mas eu queria que ele pegasse o scrol da div.
Segue abaixo meu código:
window.onscroll = function() {myFunction()};
var header = document.getElementById("banner");
var sticky = header.offsetTop;
function myFunction() {
if (window.pageYOffset > sticky) {
header.classList.add("sticky-top");
} else {
header.classList.remove("fixed-bottom");
}
}
<div class="main">
a pagina em si esta aqui junto com scroll
</div>