javascript – 如何在拖动元素时阻止页面滚动?

前端之家收集整理的这篇文章主要介绍了javascript – 如何在拖动元素时阻止页面滚动?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一个可拖动的div.我希望它只能在我的屏幕大小内拖动.但现在任何人都可以拖动它并让它走出界限.

我的可拖动div:

$("#stayaway").draggable()

我在网上搜索并找到了这行代码.假设是为了防止滚动.

$("body").css("overflow","hidden")

它所做的只是消失滚动条,但无论如何你都可以将div拖出窗口大小.

最佳答案
使用containment option

$("#stayaway").draggable({containment: "window"})

演示

$("#stayaway").draggable({containment: "window"})
#stayaway {
  width: 200px;
  height: 200px;
  background-color: silver;
  text-align: center;
}

猜你在找的HTML相关文章