滚动时IE屏幕闪烁

时间:2013-10-17 09:53:59

标签: javascript css jquery-ui internet-explorer

当我尝试向下滚动时,IE8屏幕闪烁。它在Mozila和Chrome中运行良好。 只有IE浏览器才会闪烁。 我的JSP结构。

<body>
    <div id="pContainer">
        <div id="gContainer" class="gFix">
            <table...>
                <tr class="header">
                    <td....>
                        ...
                    </td>
                </tr> 
                <tr class="bContent"..>
                    <td>
                    ...
                <tr>
                    ...
                </tr>
                ...
            </table>
        </div>
    </div>
    <div class="wContent">
        <table id="container"...>
        ...
        </table>
        <div id="lghtbtn"></div>
    </div>
</body>

CSS

html, body {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0;
    background-color: #fefefe;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    font-family: Verdana, "Trebuchet MS", Arial, sans-serif;
}

#pContainer {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: static;
}

#gContainer {
    width: 1002px;
    float: inherit;
    margin: 0 auto;
    position: inherit;
    max-width: 1024px;
}

.container {
    height:80px;
    overflow:scroll;
    border:1px solid #CCC;
}

#bContent {
    top: 111px;
    left: 0px;
    width: 97%;
    clear: both;
    float: inherit;
    margin: 0 auto;
    display: block;
    position: inherit;
    min-height: 481px;
    /*background-color: #efefef;*/
}

pContainer是完整的页面。 gContainer是标题,正文部分,包含有字段网格等的正文内容,我尝试给出位置:固定在各种div中。但如果我这样做,内容就会向左转。有帮助吗?

1 个答案:

答案 0 :(得分:0)

您的代码不完整,<table id="container"...>没有结束标记。 对于你的代码,它可能是某个事件上html组件的高度或宽度的突然改变