javascript – 当你使用jquery.fullPage向下滚动时,如何更改WCircleMenu选项

2023年2月28日 217次阅读

我有这个代码：
http://jsfiddle.net/hevercking/t0qxavfc/

当你点击“&”按钮出现按钮顶部的社交网络链接使用WCircleMenu效果,当有人向下滚动栏菜单出现使用jquery.fullPage效果,因为这里所有工作完美,但现在我想改变angle_start180º显示在oter页面中的菜单,因为如果我按下水獭页面中的按钮,社交按钮出现在另一侧,我试图做一些更改,但一切都停止工作,有人可以帮我这样做吗？

这是我的js代码

$(document).ready(function() {
//FULL PAGE CODE
$('#fullpage').fullpage({
    verticalCentered: false,

    onLeave: function(index, nextIndex, direction){
        //leaving 1st section
        if(index == 1){
            $('.barra').addClass('fixed');
        }
        //back to the 1st section
        if(nextIndex == 1){
            $('.barra').removeClass('fixed');
            pag = 'nextIndex';
        }
    },

    afterResize: function(){
        windowsHeight = $(window).height();
    }
});
//END FULL PAGE CODE

//WCircleMenu config
$(document).ready(function(){
    $('#my-menu').WCircleMenu({
        angle_start : -Math.PI/1.371,
        delay: 50,
        distance: 100,
        angle_interval: Math.PI/6.5,
        easingFuncShow:"easeOutBack",
        easingFuncHide:"easeInBack",
        step:15,
        openCallback:true,
        closeCallback:true,
        itemRotation:360,
        iconRotation:180,
    });
});
//End WCircleMenu config});

最佳答案 您可以在整页功能中更改参数

$(document).ready(function() {
            $('#fullpage').fullpage({
                verticalCentered: false,

                onLeave: function(index, nextIndex, direction){
                    //leaving 1st section
                    if(index == 1){
                       $('.barra').addClass('fixed');
                        $('#my-menu').WCircleMenu({angle_start : Math.PI/4.371});
                    }
                    //back to the 1st section
                    if(nextIndex == 1){
                        $('.barra').removeClass('fixed');
                        pag = 'nextIndex';
                        $('#my-menu').WCircleMenu({angle_start : -Math.PI/1.371});
                    }
                },

                afterResize: function(){
                    windowsHeight = $(window).height();
                }

                //to avoid problems with css3 transforms and fixed elements in Chrome, as detailed here: https://github.com/alvarotrigo/fullPage.js/issues/208
                //css3:false
            });


        });
点赞