使用自定義滾動條進行視差滾動

Question

我在插件 (pixelcog parallax.js) 上使用視差滾動，它在默認瀏覽器滾動條上運行良好，但我在我的網站上使用自定義滾動條插件，但視差沒有運行。 我嘗試了以下代碼。

網址：

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

Javascript：

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);   
                    }
                    }
                    });
});

Answer 1

parallax.js只檢測窗口滾動而不是任何自定義滾動條。

parallax.js 不是必需的。 根據此頁面嘗試通過CSS創建“視差”滾動效果

使用自定義滾動條進行視差滾動

問題描述

1 個解決方案

解決方案1
1 已采納 2018-02-25 08:23:18

使用自定義滾動條進行視差滾動

問題描述

1 個解決方案

解決方案1 1 已采納 2018-02-25 08:23:18

解決方案1
1 已采納 2018-02-25 08:23:18