滚动时jQuery下拉菜单位置

Question

我是 jQuery 新手，正在学习 jQuery 概念。目前，我正在尝试设计一个包含长列表项的自定义下拉菜单。我想在将鼠标悬停在主菜单上时滚动菜单。我正在尝试使用描述 here 的 jquery 滚动菜单自定义 CSS具有全新的外观和感觉。

我试过这个脚本，但我发现了一些问题。你可以在jsfiddle中查看 here .当初始鼠标悬停到第一个列表项时，下拉列表项根本不显示(在初始页面加载中。)其次，第二级 UL 元素的宽度被隐藏。

任何人都可以检查 fiddle 并更正它吗？另外，请告诉我，我哪里做错了，以便我以后努力改正。

提前致谢。 :)

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