Niet meescrollend TERUG NAAR BOVEN knop

[gast0515]

Hallo,

Voor mijn html / css pagina zoek ik een goede code voor een niet meescrollend knop 'terug naar boven'.
Het wordt trouwens een .jpg of een .png plaatje van de knop.

De gehele website scrollt maar de knop hoort te blijven staan.
De knop zou dan ook verschijnen na scrollen van 300px inhoud.

Heb je misschien een goede tip?

Alvast dank,
gast0515

 

[nielsprog]

Code

<style>
div#afbeelding{
background: #ffffff url(hier de url) no-repeat 0 0;
height: 300px;
width: 225px;
position: fixed;
}
</style>
<div id="afbeelding"></div>

Dat is de basis. Je moet het wel zo veranderen dat het een link wordt.

 

[gast0515]

Dat begrijp ik....
maar hoe zorg ik er voor dat deze knop verschijnt pas tijdens scrollen, of na 300px gescrollde inhoud?
Er moet dus een optie zijn om de knop op de juiste tijd weer te geven.
Javascript? jQuery?

En je mist nog een soort <a href="#">

<style>
div#afbeelding{
background: #ffffff url(hier de url) no-repeat 0 0;
height: 300px;
width: 225px;
position: fixed;
}
</style>
<div id="afbeelding"></div>

Dat is de basis. Je moet het wel zo veranderen dat het een link wordt.

 

[nielsprog]

Ik ben ziek geweest maar heb toch wat voor je: http://www.websitecodetutorials.com/code/jquery-plugins/a-better-jquery-back-to-top-of-page.php heb je daar wat aan?

 

[gast0515]

Dank je wel, dit werkt goed

Ik ben ziek geweest maar heb toch wat voor je: http://www.websitecodetutorials.com/code/jquery-plugins/a-better-jquery-back-to-top-of-page.php heb je daar wat aan?