Javascript como usar scrollY no javascript

[dev aleatorio]

bom é o seguinte eu tenho um nav com tag <a> dentro dela vai id que levam a certo conteúdo do site .  Quando a gente clica o conteúdo é direcionado para lá . porém eu gostaria de controlar a posição pois  pega bem no meio do conteúdo e queria a parte de cima e eu não sei como fazer isso no JS. alguém poderia me ajudar ,eu dei uma olhada e acho que usa scrollY?

não sei se ficou confuso mas o html é o seguinte

 <nav id="navigation">
                <ul>
                    <li><a href="#home">seja bem vindo</a></li>
                    <li><a href="#sobreNos">sobre nos</a></li>
                    <li><a href="#contato">entre em contato</a></li>
                   
                </ul>
            </nav>

 

[o programador doido]

@dev aleatorio Você pode usar dessa forma especificando o elemento ao qual será focado ou o documento em si.

el = document.getElementById("navigation");

el.scrollIntoView();

/** Ou */

window.scroll(0, 0);

 

[Hiide]

Não sei se entendi muito bem, mas eu faria algo assim:

https://jsfiddle.net/qoyfp64z/15/


 

var elements = document.getElementsByClassName("btn");

Array.from(elements).forEach(function(element) {
  element.addEventListener('click', scrollToDiv);
});

function scrollToDiv(event) {
  var $this = event.target.attributes['data-href'].value;

  var element = document.querySelector($this);
  element.scrollIntoView({ behavior: 'smooth', block: 'end'});
}

 

 <nav id="navigation">
   <ul>
     <li><a href="javascript:;" data-href="#home" class="btn">seja bem vindo</a></li>
     <li><a href="javascript:;" data-href="#sobreNos" class="btn">sobre nos</a></li>
     <li><a href="javascript:;" data-href="#contato" class="btn">entre em contato</a></li>
   </ul>
</nav>

 

[dev aleatorio]

@o programador doido valeu tu pode me ajudar com outro problema em js ?

.

eu tenho o seguinte codigo , o wrapper no css ele tem um backgroud , entao o que eu quero é q quando o scroll estiver em 0 ele n aparece , mas assim que eu inicio a pagina ele está la mesmo o scroll estando no 0 . porém ele funciona quando eu mexo na pagina e volto ao topo , mas quando eu abro pela primeira vez não

function onScroll() {
    
    if (scrollY > 0){
        wrapper.classList.add('wrapper');
    } else  {
        wrapper.classList.remove('wrapper');
    }

    

}

 

[o programador doido]

@dev aleatorio

/** Seria dessa forma */

function onScroll() {
    
    if (window.scrollY > 0){
        wrapper.classList.add('wrapper');
    } else  {
        wrapper.classList.remove('wrapper');
    }
}

 

[dev aleatorio]

@o programador doido tentei aqui também n funcionou

[o programador doido]

@dev aleatorio Esse elemento * wrapper * ele tem variável?

[dev aleatorio]

@o programador doido não

[o programador doido]

@dev aleatorio Você deve especificar qual elemento está sua wrapper se não não vai funcionar, me envia com detalhes seu código que assim te oriento melhor.