niceScroll 在iframe中鼠標(biāo)滾輪滾動(dòng)父頁面不跟隨

在iframe的頁面底部。body結(jié)束標(biāo)簽前添加如下代碼:

(function() {

    var body = document.body;
    var parent = window.parent;

    if (parent && ("createEvent" in document)) {

        var isoldie = ("documentMode" in document);  // 11-
        var ismsedge = ("msCredentials" in window);  // MS Edge 14+

        function onwheel(e) {

            var evt = document.createEvent("MouseEvents");
            evt.initEvent('wheel', true, true);
            evt.deltaMode = e.deltaMode;
            evt.deltaX = e.deltaX;
            evt.deltaY = e.deltaY;
            evt.deltaZ = e.deltaZ;
            evt.wheelDelta = e.wheelDelta;
            evt.wheelDeltaX = e.wheelDeltaX;
            evt.wheelDeltaY = e.wheelDeltaY;

            //如果父頁面是$('html').niceScroll();用這個(gè)
            //parent.dispatchEvent(evt);

            //如果要使父頁面的某個(gè)滾動(dòng)條觸發(fā),則用下面這個(gè),id換一下
            parent.document.getElementById('content-right').dispatchEvent(evt);
        }

        body.addEventListener("wheel",onwheel);

    }

})();

參考:https://github.com/inuyaksa/jquery.nicescroll/issues/322

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • afinalAfinal是一個(gè)android的ioc,orm框架 https://github.com/yangf...
    passiontim閱讀 15,579評(píng)論 2 45
  • <a name='html'>HTML</a> Doctype作用?標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別? (1)、<...
    clark124閱讀 3,570評(píng)論 1 19
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,993評(píng)論 19 139
  • 1.十三瘋:王維《過香積寺》 十三最喜歡王維的詩,雖然最喜歡的詩人不一定是王維,詩中直接提了安心之道——安禪制毒龍...
    王路讀者群1閱讀 362評(píng)論 0 4
  • 攝于烏鎮(zhèn)。時(shí)光悠悠,來過之后,不曾離去!
    江河一方閱讀 237評(píng)論 0 1