javascript - 拖动 Bug 时向 ScrollLeft 的 Angular Directive(指令)

Question

我编写了一个名为 dragscroll 的 Angular Directive(指令)，它根据在 Canvas 上的拖动向右或向左滚动水平溢出元素。

请引用这个fiddle

How it works: 
1. Horizontal scroll is at 0.
2. Mousedown at the right end of the div and while holding it
3. Mousemove left 
4. Page scrolls right. 
5. Mouseup stops the dragging.
And Vice versa.

但是有一个错误。

This occurs when
1. the horizontal scrollbar is in the middle of the div, 
2. you "mousedown" on any part of the canvas (pink) part and 
3.  mousemove to the left edge, and hold it,

 the scroll happens continuously, which is not the desired behavior. I have not coded any scrollLeft behavior for this kind of event. Dont know why it is happening. 

请帮忙。

Answer 1

问题似乎是因为 滚动事件 在 Windows 浏览器之外的默认行为。您可以做的是通过在 horizo​​ntalScroll 方法中添加 e.preventDefault() 来停止此默认行为。

Working fiddle