日期:2014-05-16  浏览次数:20450 次

滚动滚轮平滑放大解决方案
看了下Google Map和百度地图,放大缩小都不算是很平滑,如果说每次触发scroll事件然后改变大小的话,这样的效果貌似也不是很好,并且,在MAC下,滚动会有一个惯性,scroll事件在滚动结束后是慢慢停止,而非一下子就停止了,所以用CSS3也不是很好解决,各位有什么好办法没有,多谢了哈。

------解决方案--------------------
在scroll事件里用settimeout(function(),0)的方式启动一个动画。根据鼠标滚动的方向计算放大还是缩小。如果这个动画已经执行则忽略这次scroll事件。动画执行时间控制在0.3秒以内,能感受到渐进渐出的效果就行,不要搞的太慢。