Support » Kokeneille käyttäjille » Sivun rullaukseen perustuva CSS

Sivun rullaukseen perustuva CSS

  • tapiohuuhaa

    (@tapiohuuhaa)


    1 vuosi sitten

    Mielessä on sivun alussa toiminnot olisivat sivun alussa, mutta tietyn pisteen jälkeen siirtyisivät toisaalle. Paikka voisi ollasivun lopussa. Tämä nyt ei ainakaan toiminut.

    window.addEventListener(’scroll’, function() {
    var offsetvalue = Math.round(pageYOffset/18);
    if(offsetvalue>10){
    document.getElementById(”test”).style.display = ”block”;}});

    ​
    Ongelma tuossa on se, että tuon tapaisen pitäisi koskea vain alle 783 viewport-tilanteita. Toki muualta voisi ongelman hoita !important avulla.

    Tämä toimi:

    window.addEventListener(’scroll’, function() {
    document.getElementById(’onscroll’).innerHTML = Math.round(pageYOffset/18);}); ​

    Miksi ”offsetvalue” ei toimi ehtona?

Esillä 1 vastausta (kaikkiaan 1)
  • Moderator Mikko Saari

    (@msaari)

    1 vuosi sitten

    Sehän selviää tarkastamalla, laita siihen määrittelyn perään console.log(offsetvalue), niin näet konsolista millaisia arvoja tuo offsetvalue saa – voi olla, että ne eivät ole sellaisia kuin odotat.

    Onko pageYOffset tuossa määritelty, vai pitäisikö käyttää Window.pageYOffset?

Esillä 1 vastausta (kaikkiaan 1)
  • The topic ‘Sivun rullaukseen perustuva CSS’ is closed to new replies.

Näytöt