bootstrap 3上body的自定义滚动条答案

【问题标题】：Custom scroll-bar for body on bootstrap 3bootstrap 3上body的自定义滚动条
【发布时间】：2014-03-25 13:37:56
【问题描述】：

我尝试为引导自定义滚动条使用最佳解决方案，但到目前为止没有什么特别的：| 我希望能够在其他元素（如面板或井、文本区域）上替换正文和内部的默认浏览器滚动条... 我发现this plugin 和炒锅就好了，但如果我想更换身体滚动不工作在其他情况下。我做错了什么还是...有人可以解释我为什么不适用于<body> 或者是否可以建议我其他插件except: jQuery slimScroll, malihu-custom-scrollbar-plugin, jScrollPane 因为我已经测试过并且没有对我的项目有好处。

Here is a small fiddle example

【问题讨论】：

您使用的是哪个浏览器？当我在 Chrome 中查看您的小提琴时，<body> 具有与 #scrollbox3 相同的自定义滚动条。
@Starscream1984 是的，您可以看到正文滚动条，但无法正常工作：|在所有浏览器中都是相同的行为。尝试上下拖动。

标签： javascript jquery twitter-bootstrap scroll

【解决方案1】：

好的，我现在明白你的意思了——在我看来，你不能真正在 <body> 标记上使用这个 javascript 滚动解决方案，因为它被其他滚动元素的隐藏部分弄糊涂了。

我建议将所有内容包装在 <div id=bodyDiv> 中，将其设置为仅使用可用的窗口空间，然后向其中添加滚动条以模拟 <body> 上的滚动：

http://jsfiddle.net/W4JKM/

【讨论】：

感谢您的努力，我会使用您的建议:)