滚动时的jQuery下拉菜单位置
我不熟悉jQuery并学习jQuery概念。目前,我正在尝试设计一个自定义下拉菜单,其中有很长的列表项。我想在鼠标移到主菜单时滚动菜单。我试图使用jquery滚动菜单定制CSS,该菜单以新的外观和感觉进行了描述 我尝试过这个脚本,但我发现了一些问题。您可以在JSFIDLE中检查它。当初始鼠标移到第一个列表项时,下拉列表项根本不显示(在初始页面加载中)。其次,第二级UL项的宽度被隐藏 谁能检查一下小提琴并改正一下吗?另外,请让我知道我哪里做错了,这样我将来会努力改正自己滚动时的jQuery下拉菜单位置,jquery,css,drop-down-menu,Jquery,Css,Drop Down Menu,我不熟悉jQuery并学习jQuery概念。目前,我正在尝试设计一个自定义下拉菜单,其中有很长的列表项。我想在鼠标移到主菜单时滚动菜单。我试图使用jquery滚动菜单定制CSS,该菜单以新的外观和感觉进行了描述 我尝试过这个脚本,但我发现了一些问题。您可以在JSFIDLE中检查它。当初始鼠标移到第一个列表项时,下拉列表项根本不显示(在初始页面加载中)。其次,第二级UL项的宽度被隐藏 谁能检查一下小提琴并改正一下吗?另外,请让我知道我哪里做错了,这样我将来会努力改正自己 提前感谢。:) 看看这个也
提前感谢。:) 看看这个也许会有帮助
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
};
});
您的问题在于CSS。使用CSS技巧网站的原始CSS修复了您的问题。是的,它解决了我的问题,但我想尝试在定制设计的CSS中使用它。当我在一个普通页面中尝试脚本时,您可以查看屏幕截图,以清楚地了解这个问题。谢谢。谢谢@afshin,但我已经尝试了在普通html中进行修改,但下拉列表仍然存在填充问题。请查看我对第一个问题的评论。再次感谢。:)现在,我面临另一个问题。检查一下这把小提琴。主div之后的div中的文本或任何内容将环绕在下拉菜单中。我怎样才能解决这个问题?非常感谢!你让我的一天。。。荣誉…:)