JQuery animate实现DIV左右移动出现的问题

实现DIV左右移动出现的问题

以下代码源于 jQuery权威指南的 chapter 5 list 9

描述：出现问题的地方在于点击 左移 或 右移 按键后；

先看代码再描述：

   

   

   

   

   

   

         

               

             

         

         

             

                   1

                   2

                   3

             

         

   

 

在 单击 左移 或者 右移 的时候

会无故的产生一个偏移量，这个偏移量会让滑动产生一个跳跃的过程(该代码在IE 和 CHROME均是这个现象，除FireFox)。

为了解决这个问题可以给

设置一个固定的位置，这样就可以解决跳跃的情况。

例如：

left的位置任何值都可以，只要有值就不会出现跳越再移动的现象

 

最好的解决方案其实是降

.divFrame .divContent .divList{width:162px;position:absolute}

改成

.divFrame .divContent .divList{width:162px;position:relative}