Comment afficher sur divs défilement du navigateur

Ma mise en page a plusieurs groupes de divs répéter commeComment afficher sur divs défilement du navigateur

<div--1> 

    <div--2> 

    <div--3> 

     <div--4>

la structure Lla répète plusieurs fois. Je voudrais cacher le contenu de div - 4 pour être caché jusqu'à ce que l 'utilisateur défile à cet élément. Comment pouvons-nous réaliser cette fonctionnalité?

J'ai trouvé un plugin qui fonctionne avec des images comme ça (http://www.appelsiini.net/projects/lazyload)

Source

2010-09-08 edava

Ce code afficher et masquer les divs en fonction de la position de la souris. Je ne sais pas comment détecter un div particulier est actuellement sur l'écran ou non.

<html> 
<head> 
<title>Show/Hide Divs</title> 
<script type="text/javascript"> 
function showMyContents(control) 
{ 
control.children["myContents"].style.display = 'inline'; 
} 

function hideMyContents(control) 
{ 
control.children["myContents"].style.display = 'none'; 
} 
</script> 
</head> 
<body> 

<div onmouseover="showMyContents(this);" onmouseout="hideMyContents(this);">show 1 
<div style="display:none" id="myContents">My Contents1</div> 
</div> 
<div onmouseover="showMyContents(this);" onmouseout="hideMyContents(this);">show 2 
<div style="display:none" id="myContents">My Contents2</div> 
</div> 
<div onmouseover="showMyContents(this);" onmouseout="hideMyContents(this);">show 3 
<div style="display:none" id="myContents">My Contents3</div> 
</div> 

</body> 
</html>

Source

2010-09-08 19:29:33

Merci chris pour le code !! quelqu'un peut-il m'aider avec show divs sur le défilement du navigateur. initailly quand la page charge seulement les divs (div4) sur la partie visible de la page sholud être montré. inorder pour que la page se charge plus rapidement – edava

Comment afficher sur divs défilement du navigateur

Répondre

Questions connexes