身體不會滾動時的動態內容加入這裏

直播鏈接：http://tbremer.com/身體不會滾動時的動態內容加入這裏

嘗試架構或音樂會，看問題

我的問題是，當添加我的圖片視不滾動或延伸到允許新的內容。

我需要了解根本問題在這裏，並希望找到解決辦法。

謝謝！

好的，對不起，這裏是相關的代碼。

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"); 
     } 

    }

來源

2012-10-17 tbremer

請張貼一些代碼：html，js和css。什麼是溢出設置在圖像的容器上？ – jalynn2

@ jalynn2添加代碼！此外，沒有爲圖像容器設置溢出屬性。 – tbremer

您需要刪除height從#contentWrapper和position: fixed從#imageViewer。

（並請在這裏發表您的代碼）

來源

2012-10-17 15:16:28

凱文，感謝您的快速回復。去除高度的高度和物體的位置並不影響結果。謝謝！ – tbremer

爲我工作。嘗試按Ctrl-F5強制重新加載樣式表。 –

不得不在谷歌瀏覽器禁用緩存，但它的工作。謝謝！ – tbremer

位置是：絕對的不固定的圖像瀏覽器。這就是你必須改變的一切。

來源

2012-10-17 15:41:20

身體不會滾動時的動態內容加入這裏

回答

相關問題