sortablejs使用ios手机拖拽时,页面乱跑,如何解决
时间: 2024-03-13 09:43:19 浏览: 274
这个问题可能是由于 Safari 浏览器的默认滚动行为导致的。当你在 iOS 手机上使用 `sortablejs` 库进行拖拽时,Safari 浏览器可能会自动滚动页面,导致页面乱跑。
为了解决这个问题,你可以尝试以下两种方法:
1. 禁用 Safari 浏览器的默认滚动行为:
```
document.addEventListener('touchmove', function(event) {
event.preventDefault();
}, { passive: false });
```
这段代码可以禁用 Safari 浏览器的默认滚动行为,从而避免页面乱跑的问题。
2. 使用 `sortablejs` 库的 `scroll` 选项:
```
const sortableList = new Sortable(listElement, {
group: 'shared',
animation: 150,
scroll: true,
// 其他选项...
});
```
`sortablejs` 库的 `scroll` 选项可以启用内置的滚动支持,从而避免页面乱跑的问题。
你可以尝试这两种方法中的任何一种来解决你遇到的问题,具体取决于你的使用场景和需求。
阅读全文