vorrei che un elemento div posto per esempio in fondo alla pagina si bloccasse dopo tot pixel dello scorrere della stessa nel senzo che una volta raggiunta la posizione desiderata ad esempio in alto deve rimanere a vista mentre il resto della pagina continua a scorrere verso l'alto grazie.
Esempio:
codice HTML:
<html>
<head>
</head>
<body>
<h1>Titolo</h1>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>

<div id="boxDaFissare" style="width:200px; height:200px; background:blue;">
<h2>Titolo</h2>
<p>contenuto</p>
</div>

<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
<p>contenuto pagina</p>
</body>
</html>