Jquery 如何删除mCustomscrollbar?
我正在使用Jquery McCustomsCrollBar插件在我的项目中创建自定义滚动条。但我不想在我的网页上有任何滚动条,一旦它们被调整到650以下。还有另一个问题,当我重新调整窗口大小时,会出现多个滚动条。有谁能告诉我如何解决这两个问题吗?先谢谢你 如果通过javascript函数调用自定义滚动条,那么代码的第一行应该是清除任何自定义滚动条Jquery 如何删除mCustomscrollbar?,jquery,fluid-layout,Jquery,Fluid Layout,我正在使用Jquery McCustomsCrollBar插件在我的项目中创建自定义滚动条。但我不想在我的网页上有任何滚动条,一旦它们被调整到650以下。还有另一个问题,当我重新调整窗口大小时,会出现多个滚动条。有谁能告诉我如何解决这两个问题吗?先谢谢你 如果通过javascript函数调用自定义滚动条,那么代码的第一行应该是清除任何自定义滚动条 $(selector).mCustomScrollbar('destroy'); 然后将自定义滚动条初始化为相同的选择器 $(selector).m
$(selector).mCustomScrollbar('destroy');
然后将自定义滚动条初始化为相同的选择器
$(selector).mCustomScrollbar({ your options here });
最后,您只需创建一个window resize()侦听器,并根据窗口大小创建条件
部分功能示例:
function initCustomScrollbar() {
var $selector = $(selector);
$selector.mCustomScrollBar('destroy');
$selector.mCustomSCrollbar({ yourOptionsHere });
$(window).resize(function() {
if(window.innerWidth > 1000) {
initCustomScrollbar();
} else {
$selector.mCustomScrollBar('destroy');
}
});
我有一个工作示例,但我没有测试上面的代码,不过你明白了。我的帖子回答了你的问题吗?$(选择器).mCustomScrollbar('destroy');给我一个错误:未捕获的TypeError:无法读取的属性“autoUpdate”undefined@aleXela
选择器
是您试图用jQuery包装的元素。看看如何做到这一点。我知道,谢谢)选择器只是一个例子。我的不一样。但是still@Giox我不确定McCustomsCrollBar在过去5年中是否有所发展,但如果destroy函数不适用于您,那么我将通过JS开始调试,为什么它会在库中抛出该错误。这里的逻辑很简单,可以获取附加了自定义滚动条的元素,然后重新应用它。我相信即使在所选元素没有自定义滚动条的情况下,它也不会失败,而是什么都不做。所选元素没有自定义滚动条,它不会失败,而是什么都不做。。。确切地在销毁customScrollBar之前,我正在清除内容,这就是失败的原因。谢谢