用自定义内容滚动条替换浏览器滚动条

我在我的网站上使用jQuery自定义内容滚动条并正确安装了所有文件。 但是，我希望这个插件能够取代我的默认浏览器滚动条，而且我很难实现这一点。 显然，我需要将它应用于整体HTML标记。

要将此插件添加到内容，开发人员会建议以下内容：

 (function($){ $(window).load(function(){ $(".your-div-class-here").mCustomScrollbar(); }); })(jQuery);  

到目前为止，要将它应用到浏览器滚动条，我已经尝试了下面的代码并且它没有工作：

  $(document).ready( function() { $("html").mCustomScrollbar(); } );  

有人知道我做错了什么，或者我如何使这个代码在浏览器上运行？

Answer 1

您需要将它应用于body（而不是html）标记：

 $("body").mCustomScrollbar(); 

从插件主页查看此演示： http ： //manos.malihu.gr/tuts/custom-scrollbar-plugin/full_page_demo.html