jQuery的下拉菜单中的位置，同时滚动(jQuery drop down menu positio

我是新来的jQuery和jQuery的学习观念。 目前，我试图设计一种长的列表项的自定义下拉菜单。 我想滚动菜单，同时鼠标移到主菜单。 我想自定义与描述了jQuery滚动菜单的CSS 这里有一个新的外观和感觉。

我已经尝试了剧本，但我发现了一些问题在里面。 您可以在检查的jsfiddle它在这里 。 虽然初始鼠标悬停到第一个列表项，下拉列表项不是在所有显示（在初始页的负荷。）其次，第二级UL项目的宽度是越来越隐藏。

任何人都可以请检查小提琴和纠正呢？ 另外，请让我知道，我哪里做错了，这样我会尽力纠正自己的未来。

提前致谢。 :)

Answer 1:

检查了这一点，也许有帮助

ul.dropdown li:last-child a
{
  border-right: none;
} /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover
{
  background: #F3D673;
  color: black;
  position: relative;
  z-index:1;
}
ul.dropdown li a:hover{background: #F3D673;}

JQuery的：

.mousemove(function(e) {
                var offset = $container.offset();
                var relativeY = ((e.pageY - offset.top) * multiplier) -   ($container.data("origHeight") * multiplier)+50;
                if (relativeY > $container.data("origHeight")) {
                    $list.css("top", -relativeY);
                    $list.css("zIndex", "-1"); //add this line 
                };
            });

DEMO

文章来源: jQuery drop down menu position while scrolling