javascript - bootstrap 3 上主体的自定义滚动条

标签 javascript jquery twitter-bootstrap scroll

我尝试使用最佳解决方案来 Bootstrap 自定义滚动条,但到目前为止没有什么特别的:| 我希望能够替换 body 和内部其他元素(如面板或井、文本区域)上的默认浏览器滚动条...... 我找到了 this plugin炒锅就好了,但如果我想更换 body 卷轴就不能像在其他情况下那样工作。 我是不是做错了什么或者...有人可以解释我为什么不为 <body> 工作吗?或者如果可以建议我其他插件 except: jQuery slimScroll, malihu-custom-scrollbar-plugin, jScrollPane因为我已经测试过并且不适合我的项目。

Here is a small fiddle example

类型

最佳答案

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

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

http://jsfiddle.net/W4JKM/

关于javascript - bootstrap 3 上主体的自定义滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22636307/

相关文章:

javascript - 使用 jQuery/JavaScript 将 Alpha channel 添加到背景颜色

javascript - Vuejs Router,JavaScript代码的条件加载

多个对象上的javascript eventlistener

jquery - 从一组 `id` 创建一组元素

javascript - 选中时如何为选择及其下拉菜单设置CSS?

javascript - 如何在滚动/键盘上触发页面转换

javascript - jQuery 获取子元素的属性

javascript - 如何确定元素是否是动态创建的

css - 2 列布局 : how to make the 2 columns scrolling independently

html - 单击和悬停在下拉菜单上时更改下拉菜单的颜色