我正在使用FullPage.js v2.7.4 当用户更改幻灯片然后将该部分留给另一部分时,返回该部分将导致他们访问的最后一张幻灯片出现。
我想这样做,以便当用户打开(假设)第2部分中的幻灯片4,然后他们离开去第3部分时,返回第2部分将显示幻灯片1,而不是4。
我已尝试在SO上发布的其他解决方案,但他们没有做任何事情(猜测它的版本问题)。
我的fullpage_init.js看起来像这样:
jQuery(document).ready(function($) {
$(document).ready(function() {
$('#fullpage').fullpage({
sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', 'whitesmoke', '#ccddff'],
anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', 'lastPage'],
menu: '#menu',
scrollingSpeed: 1000,
onLeave: function(index, nextIndex, direction){
setTimeout(function(){
var section = $('.section').eq((index - 1));
if (section.find('.slides').length) {
$.fn.fullpage.scrollDefault(section, 0);
}
}, 500);
}
});
});
});
我的main.js看起来像这样:
$.fn.fullpage.scrollDefault = function(section, slide){
if(typeof slide != 'undefined'){
var slides = section.find('.slides');
var destiny = slides.find('[data-anchor="'+slide+'"]');
if(!destiny.length){
destiny = slides.find('.slide').eq(slide);
}
if(destiny.length){
landscapeScroll(slides, destiny);
}
}
};
有什么想法吗?