2012-01-24 9 views
12

Sur ma page aspx, j'ai deux parties gauche et droite. Je veux montrer toujours le côté gauche (qui est en fait un 'div' containig treeview) tout en faisant défiler le côté droit (qui sont les contenus réels de la page). MerciToujours visible div pendant le défilement

+0

s'il vous plaît sélectionnez votre réponse preferred @M Usman Shafique – Despertaweb

Répondre

11

Vous devez mettre position: fixed; sur l'élément div. Cela l'ancrera à la fenêtre d'affichage.

+0

Merci, mais j'utilise IE7 où position: fixed ne fonctionne pas –

+4

Oubliez les versions IE7 et Old, c'est une perte de temps, mec;) – Despertaweb

+0

Qu'est-ce que tu vas faire quand la hauteur de div est plus grande que celle de la fenêtre. –

1

Vous devez définir la position de la div sur Fixed en CSS. Voir this link pour plus d'informations. Vous aurez besoin de définir la position en utilisant le haut et à gauche dans css ainsi il sait où le réparer!

17

Salut, j'ai trouvé la meilleure solution! Comme toujours, JQUERY m'a sauvé la vie !!

Il suffit de mettre une Div appelée comme vous voulez, j'ai choisi la même chose dans l'exemple ci-dessous: #scrollingDiv. J'ai pris ce code sur un site Web, ça marche et c'est plutôt facile à comprendre.

1

Le problème est que lorsque le bloc bouge, il obtient l'attention et la capacité de se concentrer sur la lecture.

Pour remédier à cela en utilisant cette fonction.

Ce code est parfait:

(changement "220" et "46px" si nécessaire)

var $scrollingDiv = $("#scrollingDiv"); 

$(window).scroll(function(){  
if ($(window).scrollTop()>220)  { 
      $scrollingDiv 
       .css("position",'fixed') 
       .css("top",'46px')   
     } else { 
$scrollingDiv 
       .css("position",'')  
       .css("top",'')    
     } 
     }); 
Questions connexes