Javascript 视差滚动与自定义滚动条_Javascript_Jquery_Html_Scroll_Jquery Plugins

Javascript 视差滚动与自定义滚动条

javascript jquery html scroll jquery-plugins

Javascript 视差滚动与自定义滚动条,javascript,jquery,html,scroll,jquery-plugins,Javascript,Jquery,Html,Scroll,Jquery Plugins,我在上使用视差滚动插件（pixelcog parallax.js），默认浏览器滚动条运行良好，但我在我的网站上使用自定义滚动条插件，但视差没有运行。我尝试了以下代码 Html: <body> <section class="hobies-wrapper" data-parallax="scroll" data-image-src="images/parallax-img2.png"></section> </body> function myCu

我在上使用视差滚动插件（pixelcog parallax.js），默认浏览器滚动条运行良好，但我在我的网站上使用自定义滚动条插件，但视差没有运行。我尝试了以下代码

Html:

<body>
<section class="hobies-wrapper" data-parallax="scroll" data-image-src="images/parallax-img2.png"></section>
</body>

function myCustomFn(el){
    $('.hobies-wrapper').parallax({imageSrc: 'images/parallax-img2.png'});    
};
$(document).ready(function () 
{
$("body").mCustomScrollbar({
                theme:"minimal",
                mouseWheel:{ enable: true },
                keyboard:{ enable: true },
                mouseWheel:{ invert: true },
                documentTouchScroll: true,
                scrollEasing:"easeInOut",
                scrollButtons:{
                    enable:true
                    },
                callbacks:{
                    onScroll:function(){
                        myCustomFn(this);   
                    }
                    }
                    });
});

parallax.js仅检测窗口滚动，不检测任何自定义滚动条

parallax.js不是必需的。根据您的想法，尝试通过CSS创建“视差”滚动效果是非常有帮助的。