在几个事件之后，interactjs拖动停止。

Question

我刚刚在interactjs的vue cli项目上遇到了严重的问题。

最新版本是"interactjs"："^ 1.10.3"，

我在vue https://github.com/kimuraz/vue-interact中使用

现在我有了以下问题，在一个虚拟项目中，我有一个组件，可以从其中创建几个多点触摸元素，这些元素可以缩放、旋转、排序.它们都能很好地处理虚拟内容。

在一个实际的项目中，我有一个div，它充当一个可滚动内容的容器，突然这个区域中的拖动不再起作用了。起初，我认为这是因为容器/可拼贴的div组合，但当我移除容器时，问题仍然存在。

当前，当加载到槽中的元素是带有几行文本的文本元素时，就会出现这个问题。使用2-3行它可以在文本上移动，如果有更多的行拖动开始和移动事件将被触发，移动仅几次。所以窗户可以移动一点。

它能是什么，我怎么处理它？

在这里，组件的简单结构：

<div :style="scaleRotateStyle" ref="scaleit" class="scale-element" v-show="isWindowActive == true" @mousedown="touchDown">
        
        <div class="window-content-back" ref="content"> 
            <div class="window-content-scroll">
                <div class="window-content">
                    <slot :idNr="idNr" ></slot>
                </div>
            </div>
        </div>
        
</div>

编辑:经过进一步的测试，我得出了以下结论：

这是由于滚动容器的溢出-y: auto造成的。

.window-content-scroll {
     ...
     overflow-y: auto;
     overflow-x: hidden;
   ...
}

如果我把这个属性设置为隐藏，我可以像往常一样在任何地方触摸它。

我有什么选择？将ignoreFrom中的类‘..window content-滚动’打包到interact.js中。不幸的是，整个内容区域不再是可拖动的，我想我可以水平地移动窗口……

通过javascript滚动窗口内容，这有意义吗，有一个好的例子吗？

也许有人有个好主意？

Answer 1

为可能发现以下内容的其他人关闭循环：touch-action: none;为我工作，正如@Shmack's comment中所建议的那样。是用鼠标工作，而不是触摸。