使用可滚动组件防止在移动设备中滚动

Prevent scrolling in mobile using scrollable component

是否可以在从移动设备拖动项目时防止页面滚动?

即使是可排序的演示页面也有这个问题(如果你从 android/iphone/ipad 加载它):http://www.telerik.com/kendo-angular-ui/components/sortable/

横向拖动不是什么大问题,因为宽度决定了不需要滚动,但垂直拖动无法正常工作。

它很漂亮 "brute force" 并且可能会限制您将元素拖动到当前视口之外的位置的能力,但是添加带有样式的 class 或直接添加 [=10= 的样式] 在项目拖动处于活动状态时添加到 html 元素将阻止滚动。

我已经为模式 windows 做了这个,以防止后面的页面在模式处于活动状态时滚动。

我上次使用它时出现 cross-browser 问题,如果它不适合您,则需要使用 overflow: hidden !important