Naar beneden scrollen

Door Matthijs P op 10-06-2014 20:09

5.727 views

Hallo,

Ik ben met de webite bezig en ik wil alle dingen op 1 pagina hebben.
Ik heb een menu en nu wil ik als ik op een menu balk klik dat hij naar beneden scrolt ik heb al vanalles geprobeerd maar het lukt maar niet.

Groetjes,

Matthijs

Ward van der Put

12-06-2014 16:20

Je moet die CSS-code wel ergens aan koppelen, bijvoorbeeld door deze "in" een element te zetten.


div {
  -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000); 
     -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000); 
       -o-transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000); 
          transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */

  -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); 
     -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); 
       -o-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); 
          transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */
}

- Ariën -

12-06-2014 16:20

Heb je anders geen JSbin voor je code, zoals Eschwin je code had uitgetest?
Dat werkt wat makkelijker.

Matthijs P

12-06-2014 16:38


div#portfolio {
  -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000); 
     -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000); 
       -o-transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000); 
          transition: all 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */

  -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); 
     -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); 
       -o-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); 
          transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */
}

Is dit goed?

Reageren

Inloggen om te reageren