通过jquery的animate()方法可以让li平滑滚动。
$(selector).animate(styles,speed,easing,callback)
style: 规定产生动画效果的 CSS 样式和值。
speed: 规定动画的速度。默认是 "normal"。
可能的值:
毫秒 (比如 1500)
"slow"
"normal"
"fast"
easing: 规定在不同的动画点中设置动画速度的 easing 函数。
内置的有swing和linear
callback: animate 函数执行完之后,要执行的函数。
例子:比如让li从左边平滑滚动到右边。
$('li').animate({'margin-left': '100px'}, 'slow')