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

请查看我的小提琴位置:

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

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

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

请解决我的问题。

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

【问题讨论】:

  • 我看不到你在小提琴中提到的内容,你确定小提琴地址是正确的吗?
  • 菜单在哪里? :)
  • 对不起。请查看已编辑的小提琴位置。
  • @Akash - 我更新了下面的小提琴 - 你得到了解决方案吗?

标签: jquery html css


【解决方案1】:

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

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

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

Demo Fiddle

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

【讨论】:

    猜你喜欢
    • 2014-12-13
    • 1970-01-01
    • 2012-12-04
    • 2011-08-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-03-28
    • 1970-01-01
    相关资源
    最近更新 更多