jquery中的 $(".button").animate({top:+80},500);中存在的问题

原文地址：http://www.5ixiudou.com/portal/detailInfo/1000000005/224

在模拟数字电视的菜单中的上下滚动时，使用了这个功能。

当发生了滚动，仍然按下 上 键时，应该选择“尧庙”上面的那个按钮，并且所有的按钮向下移动。这里采用的方案是，将所有的按钮放到一个 div 中，然后移动该div。将 该 div 设置 样式 position:relative;通过改变 top 来进行移动。

当 top 为 -80 时，这时如果执行上面的语句，{top:+80}获得的结果并不是0，而是 80 ，也就是说，会跳过 等于0的这个阶段，造成按钮跳跃一个位置。

比较稳妥的方法就是，手动在原来的基础上进行更改。

var topValue = $(".button").height();

var topFinal = parseInt(topValue + $(".button").top);

$(".button").animate({top:topFinal},500);

 

更多内容，请访问我的个人网站 www.5ixiudou.com 。