javascript - 使用 jquery.fullPage 向下滚动时如何更改 WCircleMenu 选项

Question

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

当您单击“&”按钮时，使用 WCircleMenu 效果在按钮顶部显示社交网络链接，当有人使用 jquery.fullPage 效果向下滚动栏菜单时出现，因为这里一切正常，但是现在我想更改 angle_start 180º 以在 oter 页面中显示菜单，因为如果我按下 otter 页面中的按钮，社交按钮会出现在另一侧，我尝试进行一些更改但一切都停止工作，有人可以帮助我做这个？

这是我的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});

Answer 1

您可以在整页函数中更改参数

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


        });