Javascript IE屏幕在滚动时闪烁

Javascript IE屏幕在滚动时闪烁,javascript,css,jquery-ui,internet-explorer,Javascript,Css,Jquery Ui,Internet Explorer,当我尝试向下滚动时,IE8屏幕闪烁。它在Mozila和Chrome中工作良好。 只有用IE,它才会闪烁。 我的JSP结构 <body> <div id="pContainer"> <div id="gContainer" class="gFix"> <table...> <tr class="header"> <

当我尝试向下滚动时,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>

pContainer是完整的页面。gContainer是标题,主体部分包含主体内容,其中包含字段、网格等,我尝试给出位置:固定在各个div中。但如果我这样做,内容会转到左边。有什么帮助吗

您的代码不完整,没有结束标记。
对于您的代码来说,它可能是某个事件上html组件高度或宽度的突然变化

是否有理由使用jquery javascript和jquery ui对此进行标记?您的示例代码不包含它们。此外,如果没有看到问题的工作示例,这个问题几乎是不可能解决的,最理想的情况是在“为什么你没有标记这个问题”中。。使用html和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;*/
}