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

【问题标题】：custom bootstrap scrollbar with ul li带有 ul li 的自定义引导滚动条
【发布时间】：2014-08-08 09:05:06
【问题描述】：

请查看我的小提琴位置：

我从http://jsfiddle.net/W4JKM/找到了自定义引导滚动条

我想在滚动条中包含我的菜单。我的 div 宽度是 50px。所以我将宽度 50px 固定到滚动条。通常它显示正常。如果我滚动菜单并将链接悬停，则子菜单位置会更改。

请解决我的问题。

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

【问题讨论】：

【解决方案1】：

您需要将子菜单相对定位到父列表项。

因此，给父母liposition:relative，然后你可以，例如在子菜单中添加position:absolute。

你的 fiddle 中有很多 HTML/CSS，所以会有一种更优雅的方式来实现你的代码，但是作为一个例子，你可以使用以下 CSS：

Demo Fiddle

.left_menu ul li{
    position:relative;
}
.submenu{
    position:absolute;
    top:80px;
    left:0;
}

【讨论】：