尝试了一些选项后,我仍然没有得到满意的结果:
使用的Javascript库是FullpageJS(http://alvarotrigo.com/fullPage/)
Fullpage.js被以下设置初始化:
$('#fullpage').fullpage({
sectionsColor: colors,
anchors: anchors,
scrollOverflow: true,
afterSlideLoad: function() {
startTheSliders();
},
onLeave: function(index) {
setTimeout(function() {
$.fn.fullpage.scrollSlider(index,0);
},1000);
}
});
重要提示:根据文档要求,必须设置scrollOverflow:true(并且必须设置为true),因为在移动设备上,幻灯片的内容有时比屏幕高度还要高。
然而,绝对必要的是用户可以使用手指在幻灯片之间进行水平和垂直切换(不是导航)。预期的行为如下:
水平切换幻灯片:如果手指向左或向右移动,则切换到下一张幻灯片
垂直切换幻灯片:只有当幻灯片滚动到底部且手指向下移动时,才能进入下一张底部幻灯片。只有当幻灯片滚动到顶部且手指向上移动时,才能进入下一张顶部幻灯片。
(前)开发项目可以在这里找到:http://www.studiodankl.com/