使用 jquery.fullPage 向下滚动时如何更改 WCircleMenu 选项
how could to change WCircleMenu options when you scroll down using jquery.fullPage
我有这个代码:http://jsfiddle.net/hevercking/t0qxavfc/
当您单击“&”按钮时,使用 WCircleMenu 效果在按钮顶部显示社交网络链接,当有人使用 jquery.fullPage 效果向下滚动栏菜单时出现,因为这里所有工作完美,但现在我想更改 angle_start 180º 以在 otter 页面中显示菜单,因为如果我按下 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});
整页功能可以修改参数
$(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
});
});
我有这个代码:http://jsfiddle.net/hevercking/t0qxavfc/
当您单击“&”按钮时,使用 WCircleMenu 效果在按钮顶部显示社交网络链接,当有人使用 jquery.fullPage 效果向下滚动栏菜单时出现,因为这里所有工作完美,但现在我想更改 angle_start 180º 以在 otter 页面中显示菜单,因为如果我按下 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});
整页功能可以修改参数
$(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
});
});