可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试):
问题:
Im using fullpage.js to achieve vertical and horizontal scroll.
i want the slider to slide when i scroll on Section 2.
Functionality similar to this website
Here's my code :
$(document).ready(function() { $('#fullpage').fullpage({ sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', 'whitesmoke', '#ccddff'], anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', 'lastPage'], menu: '#menu', css3: true, loop: false, afterLoad: function(anchorLink, index) { var loadedSection = $(this); //using index if (index == 3) { $.fn.fullpage.setAllowScrolling(false); $.fn.fullpage.setKeyboardScrolling(false); $(window).bind('mousewheel DOMMouseScroll', function(event) { if (event.originalEvent.wheelDelta > 0 || event.originalEvent.detail
});
For visual :
回答1:
Finally got it working :
var slideIndex = 1, sliding = false;
$(document).ready(function() {
$('#fullpage').fullpage({ sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', 'whitesmoke', '#ccddff'], scrollingSpeed:1000, css3: true, onLeave: function(index, nextIndex, direction) { if(index == 2 && !sliding) { if(direction == 'down' && slideIndex 1) { sliding = true; $.fn.fullpage.moveSlideLeft(); slideIndex--; return false; } } else if(sliding) { return false; } }, afterSlideLoad: function(anchorLink, index, slideAnchor, slideIndex) { sliding = false; } });
});
回答2:
Here is a little bit more elaborate example which resumes the code of @undefinedtoken :)
Plan:
Exemple Code :
$(document).ready(function () { var slideIndex2 = 1, sliding = false; $('#fullpage').fullpage({ // ...your cutom code... //events onLeave : function (index, nextIndex, direction) { if (index == 3 && !sliding) { if (direction == 'down' && slideIndex2 1) { sliding = true; $.fn.fullpage.moveSlideLeft(); return false; } } else if (sliding) { return false; } }, afterSlideLoad: function (anchorLink, index, slideAnchor, slideIndex) { sliding = false; }, onSlideLeave : function (anchorLink, index, slideIndex, direction, nextSlideIndex) { if (index == 3) { if (direction == 'right') { sliding = true; slideIndex2++; } if (direction == 'left') { sliding = true; slideIndex2--; } } } }); });