jquery - 仅限 Chrome - 使用 jquery + jqueryui 调整大小时和位置时闪烁

标签 jquery html css jquery-ui

下面是我的代码——当我在 chrome 中滚动时,div 闪烁错位并恢复。但是 IE、Safari。 & FF 没有这个问题 - 关于如何解决这个问题有什么建议吗?我想要一个流畅的网站流程,只有一个 div 滚动 - 网站被用于营销目的。谢谢

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
    <link href="style.css" rel="stylesheet" type="text/css" />
    </head>

    <body id="body">
    <div id="Header">HEADER CONTENT</div>

            <div id="Left">
                <div id="left-content">LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />LEFT CONTENT<br />
                </div>
            </div>

            <div id="right">
                RIGHT CONTENT
            </div>
    <script>
    $( window ).on("load resize", function() {
    $( "#Header" ).position({
      my: "left top",
      at: "center-500 top",
      of: "#body"
    });
    $( "#Left" ).position({
      my: "left top",
      at: "center-500 top+100",
      of: "#body"
    });
    $('#right').css({'height':(($(document).height()))+'px'});
    $( "#right" ).position({
      my: "right top",
      at: "center+500 top",
      of: "#body"
    });

    });
    </script>
    </body>
    </html>

最佳答案

已修复!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!这是一个 jQuery 故障 - 返回 ...

<script src="code.jquery.com/jquery-1.9.0.js"></script>; <script src="code.jquery.com/ui/1.10.0/jquery-ui.js"></script>;

关于jquery - 仅限 Chrome - 使用 jquery + jqueryui 调整大小时和位置时闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19641532/

相关文章:

javascript - 使用 jQuery 触发 keyup 事件

asp.net - 如何删除脚本标签?

php - 带有子目录的 CakePHP 3 debug_kit

html - 如何将 TouchDB 嵌入到 phonegap html5 应用程序中?

html - Bootstrap - 卡片与容器

css - Zend框架2 : adding custom attribute in favicon icon

javascript - 上传前获取文件列表

javascript - 受 parent 影响时隐藏div 'overflow:hidden;'

javascript - 禁用属性更改时捕获(兼容 IE8)

即使在 html 网站上具有 css 效果的 Jquery 页面加载