Question

我有一个钛scrollView。如果我进行滚动操作，内容将根据我的手指滚动操作的力量移动。我需要使它始终滚动定义值（即400像素）。我怎么能意识到这一点？

我已经用$.scrollTo() and scrollingEnabled = false尝试了它，但它确实不那么顺利。

还有其他提案吗？

ADDED here is video of similar idea (sorry for quality)

Answer 1

如果你想做一种scrollableView，但是垂直（用户可以拉动scrollView，如果拉力超过阈值，则scrollView切换到下一个垂直视图，如果没有，则scrollView返回到当前状态垂直视图），您可以使用“scroll”和“dragend”事件来完成。下面是一个向下拖动的示例，以及一个垂直堆叠两个400px视图的scrollView：

var scrollView.top = -400; //Size of the view
var threshold = -100; // Threshold to pull for changing view
var changingPageTriggered = false;
var pulling = false;
scrollView.addEventListener('scroll',function(e) {
    var offset = e.y;
    if (offset <= threshold && !pulling) {
        pulling = true;
        changingPageTriggered = true;
    } else {
        pulling = false;
        changingPageTriggered = false;
    }
});
scrollView.addEventListener('dragend',function(e) {
    if (pulling && changingPageTriggered) {
        changingPageTriggered = false;
        pulling = false;
        changePage()
    }
});
function changePage() {
    scrollView.scrollTo(0,-400)
    scrollView.top = 0
}

我在项目中使用了类似的东西，但我没有尝试上面的代码。你需要调整它并添加对拖动的支持，它应该让你开始。

如何在相同的偏移量上滚动？

1 个答案: