谁有办法让它不闪动？？

persuit666 2014-01-26 02:53:48

<html>
<head>
<script src="../../../jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
</head>
<body>
<div style="height:200px;border:solid 1px red;overflow:auto;" id="bbb">
<div style="height:502px;position:relative;">
<table id="aaa" style="position:relative;" border="1">
<tr><td height="50">aaaaaaaaa</td></tr>
<tr><td height="50">aaaaaaaaa</td></tr>
<tr><td height="50">aaaaaaaaa</td></tr>
<tr><td height="50">aaaaaaaaa</td></tr>
</table>
</div></div>
</body>
<script type="text/javascript">
$("#bbb").scroll(function()
{

$("#aaa").css('top',this.scrollTop);
}
)
</script>
</html>

现在是拖动滚动条的时候屏幕会闪动，ie下很明显，火狐没大问题

...全文

210 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

persuit666 2014-01-27

打赏
举报

6楼有毛病啊，发的啥？？！！

zhjdg 2014-01-26

打赏
举报

过年了，别累着。闪动就用别的方法。

人生难得一只鸡 2014-01-26

打赏
举报

另外如果必须使用JS来做此处理，那么可以采取动画例如慢慢的移动到指定的位置，就如同CSDN下面的回到顶部，以此来规避那种难看的抖动

人生难得一只鸡 2014-01-26

打赏
举报

其实像这种东西，各个浏览器的处理速度不一致，有的快，有的慢，只要牵涉到js来动态改变元素位置，那么肯定需要处理时间，只不过处理快的表面上不太明显而已像这种效果，可以使用固定定位来实现某一元素固定在页面的某一位置，不过固定定位在IE6下不兼容，在IE6下也需使用JS来调整位置，必然也会出现抖动，不过在标准浏览器下使用固定定位是不会出现抖动问题的例如，仅仅需要css来做处理，针对IE6另做处理

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>kissy</title>
<script src="js/jquery-1.9.1.min.js"/></script>
</head>
<body>
<div style="height:200px;border:solid 1px red;overflow:auto;position:relative;" id="bbb">
<div style="height:502px;position:relative;">
<table id="aaa" style="position:fixed;" border="1">
<tr><td height="50">aaaaaaaaa</td></tr>
<tr><td height="50">aaaaaaaaa</td></tr>
<tr><td height="50">aaaaaaaaa</td></tr>
<tr><td height="50">aaaaaaaaa</td></tr>
</table>
</div></div>
</body>
</html>

persuit666 2014-01-26