自定义bootstrap滚动条与ul li

Question

请看我的小提琴位置：

http://jsfiddle.net/shalinid/W4JKM/44/

我在http://jsfiddle.net/W4JKM/

找到了自定义引导滚动条

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

请妥善解决我的问题。

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

Answer 1

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

因此，请给父母li position:relative，然后您可以，例如将position:absolute添加到子菜单。

你的小提琴中有很多HTML / CSS，所以用你的代码实现更优雅的方式，但举个例子，你可以使用下面的CSS：

Demo Fiddle

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