javascript - 带有 slimscroll 的水平滚动条

Question

我使用 slimscroll 来满足我的滚动需求，效果很好。现在我需要水平滚动。一个快速的谷歌搜索给了我一些关于 github 源代码中的引用的结果和一些表明已经添加了水平滚动支持但我找不到示例的问题。我查看了 javascript 文件，希望找到一个从垂直切换到水平的标志。赫拉斯没有那么明显。所以我的问题是，如果可以，怎么办？一个例子将不胜感激。

Answer 1

slimscroll 的最新版本是 1.3.1（来自 github 存储库），它不支持水平滚动条。试试jQuery Scrollbar或任何支持水平滚动的滚动条，从此滚动条比较表。

Answer 2

现在您可以在SlimScroll git 存储库上实现您的插件，只需使用下面的代码来实例化您的 slimScroll

$('#testDiv').slimscroll({
    height: 150,
    width: 300,
    axis: 'both'
});

Answer 3

Slimscroll 使用 Bootstrap 4 的两个轴示例。

单击此处查看在线工作示例。

Answer 4

我实现了 ngSlimscroll，它是 AngularJS 中原始 slimscroll 的重写版本。它还支持水平滚动。例如，请参见演示。

Answer 5

您是否尝试添加此代码？

$(".content").mCustomScrollbar({
    axis:"x" // horizontal scrollbar
});

$(".content").mCustomScrollbar({
    axis:"yx" // vertical and horizontal scrollbar
});