0

在此处输入图像描述

我正在为滚动条使用自定义 jquery 插件，但它会导致内容 div 调整大小，缩小宽度。检查我附上的屏幕截图。任何评论将不胜感激。

谢谢。

4

2 回答 2

1

我是插件作者。

该脚本需要容纳实际的滚动条元素，因此默认情况下需要有一个边距（否则滚动条会出现在您的内容顶部）。

该插件在应用滚动条的元素内添加滚动条（用于调用 mCustomScrollbar 函数的 div）。它被添加到它里面而不是它的父元素上，因为脚本不可能知道你的父元素是什么。

添加的边距存在于 CSS 文件中，因此您可以轻松地对其进行更改、删除等。只需编辑 jquery.mCustomScrollbar.css，您就会在最顶部找到它：

.mCSB_container{
    width:auto;
    margin-right:30px;
    overflow:hidden;
}

将 margin-right 属性更改/删除为您想要的任何内容。

此外，滚动条元素容器 (.mCSB_scrollTools) 是绝对定位的，因此您可以将其放置在您想要的任何位置：

.mCustomScrollBox>.mCSB_scrollTools{
    width:16px;
    height:100%;
    top:0;
    right:0;
}

要在父元素上添加滚动条，只需在父 div 上调用 mCustomScrollbar 函数。

所有滚动条设计都是通过 CSS 完成的。在插件主页中，在“设置滚动条样式”部分下，还有所有滚动条标记的可视化表示，以便于参考。

于 2013-09-23T10:50:28.243 回答
0

不得不更改我正在使用的滚动条插件，现在我正在使用 SlimScroll ( https://github.com/rochal/jQuery-slimScroll )。这是唯一一个不构建其 div 并强制其在容器 div 中自动调整内容大小的滚动条插件。SlimScroll 基于 Facebook 样式的滚动条，它成为父 div 的一部分。感谢所有要求代码的人！:)

于 2013-09-14T08:51:52.473 回答