Question

如何在页面上禁用Tiny Scrollbar插件的所有实例？这是一个JSBin来测试。

上下文：我正在为桌面版本的所有scollbars构建一个使用此插件的Web应用程序，但我想禁用它并使用本机滚动条作为移动版本。

Answer 1

这个问题可以帮助您检测它是否是移动浏览器，阅读有关警告的评论。

What is the best way to detect a mobile device in jQuery?

Answer 2

试试这个：

$(document).ready(function(){
     if(!(navigator.userAgent.match(/Android/i)
     || navigator.userAgent.match(/webOS/i)
     || navigator.userAgent.match(/iPhone/i)
     || navigator.userAgent.match(/iPad/i)
     || navigator.userAgent.match(/iPod/i)
     || navigator.userAgent.match(/BlackBerry/i)
     || navigator.userAgent.match(/Windows Phone/i)
     )){
         $('#scrollbar1').tinyscrollbar();
     }
});

Answer 3

我发现这个页面正在寻找一种方法来销毁/完全删除一个jquery插件（特别是它是tinyscrollbar）。因此，关键字是有意义的，所选择的答案符合操作要求。但是这里没有完整的答案＆＃34;如何禁用* jQuery插件＆＃34;。

@yMed投票两次，但接近......

最后，我在下面找到了答案。

var destroyTinyScrollBar = function($elem) {
    var eventNamespace = 'tinyscrollbar',
        isInstantiated  = !! $.data($elem.get(0));

    if (isInstantiated) {
        $.removeData($elem.get(0));
        $elem.off(eventNamespace);
        $elem.unbind('.' + eventNamespace);
    }
};

http://ub4.underblob.com/remove-jquery-plugin-instance/

更好地解释了这一点

Answer 4

看起来Tiny Scrollbar插件会生成自己的标记来模拟“原生”滚动条。

您可以检测是否检测设备是否为移动设备，然后隐藏生成的滚动条标记。你可以通过jQuery或css来做到这一点。例如：

$('#scroll-bar').hide();

或

<div id="scroll-bar" style="display:none;">...

要在视口中显示本机浏览器滚动条，请将overflow设置为auto并指定高度。例如：

<div id="view-port" style="height:200px; overflow:auto;">...

Answer 5

使用：

$(selector).unbind("tinyscrollbar");

示例：

$("#parent").unbind("tinyscrollbar");

如何禁用tiny scrollbar jQuery插件？

5 个答案: