文章/答案/技术大牛

发布

社区首页 >问答首页 >滚动时的jQuery下拉菜单位置

问滚动时的jQuery下拉菜单位置
EN

Stack Overflow用户

提问于 2012-10-17 19:15:00

回答 1查看 2.7K关注 0票数 2

我是新接触jQuery和学习jQuery概念的。目前，我正在尝试设计一个自定义下拉菜单，其中有很长的列表项。当鼠标移到主菜单上时，我想滚动菜单。我正在尝试使用jquery滚动菜单来自定义CSS，它用新的外观和感觉描述了here。

我试过这个脚本，但我发现其中有一些问题。您可以在jsfiddle here中查看它。当最初将鼠标移到第一个列表项上时，下拉列表项根本不会显示(在初始页面加载中)。其次，第二级UL项的宽度被隐藏。

有没有人能检查一下小提琴并改正？另外，请让我知道我哪里做错了，这样我以后会试着改正自己。

提前谢谢。:)

jquery

css

drop-down-menu

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-10-17 19:49:57

看看这个，也许会有帮助

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/12933070

复制

相似问题

问滚动时的jQuery下拉菜单位置
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问滚动时的jQuery下拉菜单位置EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问滚动时的jQuery下拉菜单位置
EN