0

ライブリンクはこちら: http://tbremer.com/

Architecture または Concert を試して問題を確認してください

私の問題は、画像が追加されたときに、新しいコンテンツを許可するためにビューポートがスクロールまたは拡張されないことです。

ここで根本的な問題が何であるかを理解し、うまくいけば回避策を​​見つける必要があります。

ありがとう！

OK、申し訳ありませんが、ここに関連するコードがあります。

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>

ジャバスクリプト:

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

    }
4

2 に答える 2

2

imageViewer 上の位置: 絶対位置が固定されていません。変更する必要があるのはそれだけです。

于 2012-10-17T15:41:20.187 に答える
0

heightfrom#contentWrapperとposition: fixedfromを削除する必要があります#imageViewer。

(そして、ここにコードを投稿してください。)

于 2012-10-17T15:16:28.360 に答える