下面是我的代码 - 当我在 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>