Javascript 分页的Scrollview将通过触摸再次滚动
我在这里找到了答案Javascript 分页的Scrollview将通过触摸再次滚动,javascript,ios,famo.us,Javascript,Ios,Famo.us,我在这里找到了答案 var-Engine=require(“著名/核心/引擎”); var表面=要求(“著名/核心/表面”); var Scrollview=require(“著名的/views/Scrollview”); var mainContext=Engine.createContext(); var scrollview=新的scrollview({ 方向:0, 分页:正确 }); var曲面=[]; scrollview.sequenceFrom(表面); 对于(变量i=0;i
var-Engine=require(“著名/核心/引擎”);
var表面=要求(“著名/核心/表面”);
var Scrollview=require(“著名的/views/Scrollview”);
var mainContext=Engine.createContext();
var scrollview=新的scrollview({
方向:0,
分页:正确
});
var曲面=[];
scrollview.sequenceFrom(表面);
对于(变量i=0;i<10;i++){
曲面=新曲面({
内容:“表面:”+(i+1),
大小:[window.innerWidth,window.innerHeight],
特性:{
背景颜色:“hsl(“+(i*360/10)+”,100%,50%)”,
线宽:window.innerHeight/10+“px”,
textAlign:“居中”
}
});
表面。管道(滚动视图);
表面。推(表面);
}
添加(滚动视图);
我在iPhone5的真正iOS7上进行了测试
问题:
曲面5
移动到曲面4
表面5
我不知道为什么(是否在平台中出现bug)有办法解决这个问题吗?我测试了这段代码,我明白你在说什么。。该示例尽可能简单,其他分页选项似乎无法解决问题。这显然是一个错误。我会寻找一个解决办法。有趣的是当我减少到只有两个曲面时。效果很好。没有“触摸”导致“刷卡”错误。
var Engine = require("famous/core/Engine");
var Surface = require("famous/core/Surface");
var Scrollview = require("famous/views/Scrollview");
var mainContext = Engine.createContext();
var scrollview = new Scrollview({
direction: 0,
paginated: true
});
var surfaces = [];
scrollview.sequenceFrom(surfaces);
for (var i = 0; i < 10; i++) {
surface = new Surface({
content: "Surface: " + (i + 1),
size: [window.innerWidth, window.innerHeight],
properties: {
backgroundColor: "hsl(" + (i * 360 / 10) + ", 100%, 50%)",
lineHeight: window.innerHeight/10 + "px",
textAlign: "center"
}
});
surface.pipe(scrollview);
surfaces.push(surface);
}
mainContext.add(scrollview);