如何在调整大小时更改 Malihu 自定义滚动条 snapAmoun?

Posted

技术标签:

【中文标题】如何在调整大小时更改 Malihu 自定义滚动条 snapAmoun?【英文标题】:How to change Malihu Custom Scrollbar snapAmoun on resize? 【发布时间】:2021-12-18 18:27:04 【问题描述】:
var slideAmount = $(window).width() > 1200 ? 300 : 10;
    $(".selector").mCustomScrollbar(
        axis:"x",
        keyboard: enable: false ,
        snapAmount: slideAmount,
    );

在这种情况下如何更新 snapAmount? 例如,如果窗口的宽度超过 1200 像素和 10 像素,我希望它是 300 像素,如果它在调整大小时低于。 我已经尝试过 onUpdate 回调,但它不起作用,我已经阅读了文档并尝试了几乎所有方法,但找不到解决方案。请帮忙。

【问题讨论】:

【参考方案1】:

所以我在 5 年前发布的他们网站上的 cmets 中找到了解决方案。

你需要添加这个:

$(".selector").data("mCS").opt.snapAmount=slideAmount;

你把它放在你选择的回调上,然后更新你选择的设置,在这个例子中是 snapAmount。

【讨论】:

以上是关于如何在调整大小时更改 Malihu 自定义滚动条 snapAmoun?的主要内容,如果未能解决你的问题,请参考以下文章

malihu 自定义滚动条插件不适用于 Electron.js

malihu 自定义滚动条将 <div class='mCSB_draggerRail'></div> 在电子上的错误位置

如何在 ReactJS 中自定义 malihu-custom-scrollbar-plugin?

addwidget显示滚动轴

mCustomScrollbar插件自定义滚动条

当 QML 滚动条位于底部并且窗口高度被调整大小时,它不会更新