Esempio di effetto di immagine sospesa centrata con JS

Questo articolo spiega come implementare un effetto di sospensione delle immagini utilizzando JavaScript, quando trasciniamo la pagina con il mouse, l'immagine rimane centrata senza seguire lo scorrimento, vediamo prima l'effetto visivo:

Vediamo ora tutti i codici testati:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
.logo {
 width: 650px;
 height: 383px;
 position:fixed;
 background: url(https://it.oldtoolbag.com/images/logo.gif) no-repeat;
 margin:auto;
 left:0;
 right:0;
 top:0;
 bottom:0;
}
</style>
<title>JavaScript per il posizionamento verticale dell'immagine non inerente lo scorrimento della barra</title>
</head>
<body style="height:3000px">
<div class="logo"> </div>
<p>Effetto di immagine fluttuante JavaScript del manuale di urla</p>
</body>
</html>

Ecco il codice originale testato per l'effetto, grazie per il tuo supporto al manuale di urla.

Manuale di base

Ti piacerebbe