2015-08-28 7 views
4

У меня есть этот код: http://jsfiddle.net/hevercking/t0qxavfc/как можно изменить параметры WCircleMenu при прокрутке вниз с помощью jquery.fullPage

при нажатии на кнопку «&» появляются сетевые ссылки на социальные верхней части кнопки с использованием эффекта WCircleMenu , когда кто-то прогуливается по меню, появляется эффект jquery.fullPage, так как здесь все работает отлично, но теперь я хочу изменить angle_start 180º для отображения меню на странице 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}); 
+0

Вашей скрипка не работает должным образом. – Alvaro

+0

Извините, я снова загружаю внешние файлы, чтобы лучше видеть результат, который вам нужно ввести в опции «Отладка на мобильном телефоне» в jssfiddle – hevercking

ответ

2

вы можете изменить параметры при полной функции страницы

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


     }); 
+1

Thx flaytos, отлично работает – hevercking

 Смежные вопросы

  • Нет связанных вопросов^_^