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);