著名：在滚动视图中滑动项目

我正在寻求实现与邮箱类似的功能（http://www.mailboxapp.com/ http://www.mailboxapp.com/），您可以使用 Famous (http://famo.us http://famo.us).

我尝试将“可拖动”修饰符添加到每个列表项，但是似乎您无法将修饰符添加到属于滚动视图一部分的表面。

任何人（来自 Famous 或其他）知道我该怎么做？

弄清楚了。为了修改滚动视图内的表面，需要将它们包装在 RenderNode 中。

var Engine     = require("famous/core/Engine");
var Surface    = require("famous/core/Surface");
var Scrollview = require("famous/views/Scrollview");
var RenderNode = require('famous/core/RenderNode');
var Transform = require('famous/core/Transform');
var Draggable = require('famous/modifiers/Draggable');

var mainContext = Engine.createContext();

var scrollview = new Scrollview();
var surfaces = [];

scrollview.sequenceFrom(surfaces);

for (var i = 0, temp; i < 40; i++) {

    draggable = new Draggable( {
        xRange: [-220, 220],
        yRange: [0, 0],
    });

    item = new Surface({
         content: "Surface: " + (i + 1),
         size: [undefined, 200],
         properties: {
             backgroundColor: "hsl(" + (i * 360 / 40) + ", 100%, 50%)",
             lineHeight: "200px",
             textAlign: "center"
         }
    });

    node = new RenderNode(draggable)
    node.add(item);

    item.pipe(draggable);
    item.pipe(scrollview);
    surfaces.push(node);

}

mainContext.add(scrollview);

通过@（markmarijnissen）Famo.us 滚动视图高度 https://stackoverflow.com/questions/23057349/famo-us-scrollview-height)