带有slimscroll的水平滚动条

Question

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

Answer 1

slimscroll的最新版本是1.3.1（来自github存储库），它不支持水平滚动条。尝试jQuery Scrollbar或任何支持水平滚动的滚动条scrollbar comparison table。

Answer 2

现在，您可以在SlimScroll git repository上使插件标准化，只需使用下面的代码实例化slimScroll

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

Answer 3

使用Bootstrap 4滚动显示两个轴的示例。

Click here查看在线工作示例。

Answer 4

您是否尝试添加此代码？

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

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

Answer 5

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