使用window.MutationObserver技术和jquery.nicescroll.js组件l封装通用滚动条插件

最新推荐文章于 2025-06-10 20:55:36 发布

yecats

最新推荐文章于 2025-06-10 20:55:36 发布

阅读量727

点赞数 2

CC 4.0 BY-SA版权

分类专栏： JQuery 技术理论文章标签： MutationObserver nicescroll 滚动条

本文链接：https://blog.youkuaiyun.com/yecats/article/details/98881557


(function ($) {

    //=====启动轮子
    var openMutationObserver = function (controlID, options) {
        var ID = controlID;
        //MutationObserver监听

        var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
        var observer = new MutationObserver(function () {
            options.resizeNiceScroll();
        });
        observer.observe(document.getElementById(ID), { attributes: true, subtree: true, attributeFilter: ['style'], attributeOldValue: true });
    }
    //=====窗体调整
    var windowResize = function (controlID, options) {
        var ID = controlID;
        jQuery(window).resize(function () {
            options.resizeNiceScroll();
        });

    }


    //初始化
    var init = function (contains, options) {
        var controlID = options.id;
        //1 窗体调整 
        windowResize(controlID, options);
        //2 启动监听
        openMutationObserver(controlID, o