1

我正在尝试在我的 jekyll 驱动的 Github 站点上使用此处讨论的 JQuery 自定义滚动条脚本。我想用它来滚动每个页面中的代码块，这样对于每个代码块，如果有溢出，就会有一个水平或垂直（或两者）滚动条。但是，不同代码块的高度不同，因此插件必须使用 CSS 属性max-height: nPx而不是height: nPx.

问题是，如果我只定义max-height: nPx没有height: nPx属性（我不想要它，因为我希望高度自动/随内容而变化），那么整个代码块就会崩溃，使得滚动条与内容一起完全消失。

这是 Jsfiddle 上的一个最小可重现示例，仅定义了max-height定义。设置height: nPx使内容和滚动条正常工作：除了这不是一个选项：在我的情况下，height必须是自动的。

我已经查看了作者max-height在提供的存档中使用插件的示例，但在max-height.html示例中，并没有像我在示例mCustomScrollbar中那样手动调用，所以我不能只是从示例中“复制粘贴”。

我在这里能错过什么？

4

1 回答 1

0

你可以试试jQuery 滚动条。我已经更新了您的 jsFiddle 示例 - 看这里。仅包含来自 github.io 的样式和滚动条，并在文档准备好时将其应用于您的容器。

不要忘记为滚动条添加类 - 滚动条可以通过 CSS 类完全自定义。基本演示页面上可用的即用类列表。在您的示例中，我使用scrollbar-light了带有背景颜色修改的类：

.scrollbar-light > .scroll-element {
    background-color: yellow;
}
于 2014-10-29T09:19:59.900 回答