jQuery Draggable 包含可见窗口?

标签 jquery draggable containment

我试图包含我的可拖动元素,这样它就不能被拖动到可查看窗口之外,如果用户位于页面顶部,这种方法效果很好,但是如果你向下滚动,那么它就会把一切搞乱.

我该怎么做?

$(".chat-wrapper > li.draggable").draggable({ 
 greedy: true, 
 handle: '.chat-button', 
 containment: 'html'
 });

最佳答案

只需使用containment: 'window' 和可能的scroll: false

示例:

$('#selector').draggable({
    containment: 'window',
    scroll: false
});

更多信息:

containment , scroll

关于jQuery Draggable 包含可见窗口?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9351507/

相关文章:

ios5 - MFMessageComposeViewController 和 UIAppearance,苹果说不要自定义

javascript - 使读取和预览代码适用于多个文件输入

Javascript/CSS 后台定位/拖动

javascript - 在 React Native 中创建一个可拖动、可调整大小的框

jquery - 按引导点拖动 div(就像水中的船一样)

javascript - Jquery 中 .sortable 函数的问题

c# - 在 C# 中包装 ObservableCollection<T>

javascript - 如何使用 HREF Click jQuery 更改内容

javascript - WordPress 在任何地方单击时隐藏下拉菜单

javascript - 第二个星期天是空的