jQuery - 为什么上下滑动有震动而不是平滑？

Question

我有这个代码：

 $(document).ready(function () {
     $(this).hoverAccordionMenu(); //build left menu accordion effects  

     /*ie6 hack for mouse over icons on 2nd level. Not part of the plugin. optional!*/
     if ($.browser.msie && $.browser.version.substr(0, 1) < 7) {
         //rollover arrow which doesn't work with simple css
         $('ul.menu > li > ul > li').bind("mouseenter", function (e) {
             $(this).css("background", "url(ico-arrow-level2.gif) no-repeat");
         });
         $('ul.menu > li > ul > li').bind("mouseleave", function (e) {
             $(this).not(".active").css("background", "none");
         });
     }

 });

我已经放入一个 jsfiddle 给你看：

http://jsfiddle.net/haNGY/

谁能告诉我为什么上下滑动不是很顺畅？

提前致谢！

（PS，抱歉，刚刚想起了标题，但是这里已经快凌晨 4 点了，所以我的大脑有点慢！刚去编辑它，但它已经修复了，谢谢！）

Answer 1

要修复跳跃，只需执行以下操作：

#menu ul li ul {
    width:235px;
    /* display: inline-block ;*/ /* REMOVE */
}

现在只是一些有用的东西

#menu li {
    margin: 0;
    /*margin-left:0; */ /* believe me you don't need this */
}

#menu li li {
    padding-top:2px;
    padding-left:9px;
    /*margin:0;*/ /* why if you already use margin 0 for LI*/
}

现在也是凌晨 4 点 49 分，所以明天好好看看 CSS……;)

是的，另外我避免设置 LI 元素的样式。这不好，而且并不总是与 Xbrowser 兼容。最好使用 LI 元素（如虚拟容器）来保持最小的样式。使用内部的a 元素来实现所需的样式。