Body ne défile pas lorsque le contenu dynamique ajouté

lien direct ici: http://tbremer.com/Body ne défile pas lorsque le contenu dynamique ajouté

Architecture Essayez ou concert pour voir problème

Mon problème est que lorsque mes images sont ajoutées la fenêtre ne défile pas ou étendre à permettre le nouveau contenu.

J'ai besoin de comprendre quel est le problème de base ici et j'espère trouver un travail.

Merci!

OK, désolé, voici le code pertinent.

CSS:

/* Content Wrapper */ 
#contentWrapper { 
    padding: 0px; 
    margin: 0px; 

    width: 100%; 
    height: 99%; 

    z-index: 0; 

    border: 0px solid #600; 
} 

/* Image Viewer */ 

#imageViewer{ 
    position: fixed; 
    left: 0px; 
    top: 0px; 

    padding: 0px; 
    padding-left: 350px; 
    margin: 0px; 

    border: 0px solid #F0F; 

    visibility: hidden; 
} 

.portImage { 
    padding: 0; 
    margin: 4px; 

    border: 1px solid #000; 

    display: inline; 
}

HTML:

<div id="contentWrapper"> 
    <div id="imageViewer"></div> 
</div>

JAVASCRIPT:

xmlhttp.onreadystatechange=function() { 
     if (xmlhttp.readyState==4 && xmlhttp.status==200) { 
      $("#imageViewer").empty(); 
      $("#imageViewer").css("visibility", "hidden"); 

      //___ Get server response. 
      var responseArray = xmlhttp.responseText.split(','); 
      responseArray.pop(); 

      //console.log(responseArray.length); 
      //console.log(responseArray); 

      for(var i=0;i<responseArray.length;i++){ 
       $("#imageViewer").append("\ 
        <div id='portImage"+i+"' class='portImage'>\ 
         <img src='"+responseArray[i]+"' height='500'>\ 
        </div>\ 
       "); 
      } 

      $(".portImage").each(function() { 
       var image = $("<img />").attr('src', this); 
      }); 

      //$("#imageViewer").append("Test"); 
      $("#imageViewer").css("visibility", "visible"); 
     } 

    }

Source

2012-10-17 tbremer

Veuillez poster du code: html, js et css. À quoi correspond le débordement sur les conteneurs pour les images? – jalynn2

@ jalynn2 a ajouté le code! De plus, il n'y a pas de propriétés de débordement définies pour les conteneurs d'images. – tbremer

Vous devez retirer le height de #contentWrapper et position: fixed de #imageViewer.

(. Et s'il vous plaît poster votre code ici)

Source

2012-10-17 15:16:28

Kevin, merci pour la réponse rapide. Enlever la hauteur de la hauteur et le positionnement des objets n'a pas affecté le résultat. Merci! – tbremer

A travaillé pour moi. Essayez d'appuyer sur Ctrl-F5 pour forcer le rechargement de votre feuille de style. –

A dû désactiver la mise en cache sur Google Chrome, mais cela a fonctionné. Merci! – tbremer

Position: absolue sur le IMAGEVIEWER pas fixe. C'est tout ce que vous devez changer.

Source

2012-10-17 15:41:20

Body ne défile pas lorsque le contenu dynamique ajouté

Répondre

Questions connexes