滚动时jQuery下拉菜单位置

我是jQuery的新手，也是学习jQuery概念的人。 目前，我正在尝试设计一个包含长列表项的自定义下拉菜单。 我想在鼠标滑动到主菜单时滚动菜单。 我正在尝试使用jquery滚动菜单自定义CSS， 这里描述了一个新的外观和感觉。

我试过这个剧本，但我发现了一些问题。 你可以在这里查看jsfiddle。 在初始鼠标hover到第一个列表项时，下拉列表项根本不显示（在初始页面加载中）。其次，第二级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