【问题标题】:Why this Angular 2 drag & drop example prevents scrolling?为什么这个 Angular 2 拖放示例会阻止滚动?
【发布时间】:2017-05-31 10:58:46
【问题描述】:

我找到了 Angular 2 应用程序 的示例 拖放 代码,这里是 plunkr 代码:

plnkr.co/edit/wXLvaOlD4GVW2hg7utGx?p=preview

效果很好(当您删除 br 标记时)。

但我必须在拖动元素时使用浏览器的默认滚动行为。此示例防止在拖动时滚动。

我应该如何将此示例与滚动一起使用?

【问题讨论】:

    标签: angular scroll drag-and-drop


    【解决方案1】:

    你必须实现角度主机,例如:

    @HostListener('mousemove', ['$event']) onMousemove(event: MouseEvent) {      
      window.scrollTo(document.body.scrollLeft + (curXPos - e.pageX); 
    }
    

    【讨论】:

    • 我正在寻找你刚刚给出的这样一个解决方案,答案让我朝着正确的方向前进,但你所写的内容非常混乱。 curXPos 和 e.pageX 是什么?
    猜你喜欢
    • 2023-02-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-02-10
    • 1970-01-01
    相关资源
    最近更新 更多