Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 带有ul li的自定义引导滚动条_Jquery_Html_Css - Fatal编程技术网

Jquery 带有ul li的自定义引导滚动条

Jquery 带有ul li的自定义引导滚动条,jquery,html,css,Jquery,Html,Css,请查看我的小提琴位置: 我从中找到了自定义引导滚动条 我想在滚动条中包含我的菜单。我的div宽度是50px。因此,我将滚动条的宽度固定为50px。通常情况下,它显示良好。如果我滚动菜单并将链接悬停,子菜单位置将更改 请解决我的问题 $('#scrollbox3').enscroll({ showOnHover: false, verticalTrackClass: 'track3', verticalHandleClass: 'handle3' }); 您需要相对于父

请查看我的小提琴位置:

我从中找到了自定义引导滚动条

我想在滚动条中包含我的菜单。我的div宽度是50px。因此,我将滚动条的宽度固定为50px。通常情况下,它显示良好。如果我滚动菜单并将链接悬停,子菜单位置将更改

请解决我的问题

$('#scrollbox3').enscroll({
    showOnHover: false,
    verticalTrackClass: 'track3',
    verticalHandleClass: 'handle3'
});

您需要相对于父列表项定位子菜单

同样地,为父项指定
li
位置:相对
,然后您可以将
位置:绝对
添加到子菜单中

您的小提琴中有很多HTML/CSS,因此将有一种更优雅的方法来实现代码,但作为示例,您可以使用以下CSS:


我看不出你在小提琴上提到了什么,你确定小提琴的地址是正确的吗?菜单在哪里?:)很抱歉请查看编辑过的提琴位置。@Akash-我更新了下面的提琴-你有什么解决方案吗?
.left_menu ul li{
    position:relative;
}
.submenu{
    position:absolute;
    top:80px;
    left:0;
}