[英]Limit scroll ability on HTML5 canvas elements
我在画布上绘制了一系列矩形,并使用滚动事件监听器来上下移动框。
我正在尝试添加一些验证,以便框不能滚动超过某一点。
由于加速,滚动值并不总是递增1,因此当快速滚动时,有时我的验证会过早开始。
任何想法如何解决这个问题?
所以在我的事件监听器中,我有:
lScroll += e.deltaY;
if (lScroll > 0) {
canScroll = false;
lScroll = 0;
} else {
canScroll = true;
}
请检查这是否适合您: https : //jsfiddle.net/kr85k3us/4/
我测试了它应该可以工作,但也许你可以更快地移动你的鼠标轮:)
if (!canScroll && lScroll == 0) {
var first = Object.keys(boxes)[0];
if (boxes[first]['y'] < 10) {
var delta = 10 - boxes[first]['y'];
Object.keys(boxes).forEach(function(k){ boxes[k]['y'] += delta; });
}
}
这是我添加的一段代码。 如果您无法滚动并且lScroll
为0,则表示我们已达到顶部。 接下来,我检查第一个框是否应该在哪里。 如果不是(即boxes[first]['y'] < 10
)则调整所有方框的y
位置。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.