javascript - 使整个页面可拖动

标签 javascript jquery html twitter-bootstrap

<分区>

我不确定从哪里开始,甚至不知道要搜索什么关键字,所以我希望有人能为我指明正确的方向。这就是我想要的。

我想制作一个网页,可以在各个方向使用不同的 HTML 元素向各个方向拖动,并在您通过 AJAX 接近边缘时加载新元素。我希望通过 Bootstrap 或 JQuery 实现这一点。

关于如何使页面像那样可拖动有什么想法吗?

最佳答案

jQuery UI 有一个适用于您的可拖动方法,只要您将可视区域定位为初始化插件的元素即可。如果您喜欢更轻量级的方法,您可以使用 Chris Coyier 创建的这个插件。:https://css-tricks.com/snippets/jquery/draggable-without-jquery-ui/ .

在这个 SO 线程中也可以找到它仅在 2 个方向上工作的示例:Scroll the page on drag with jQuery然而,演示中使用的实际插件支持所有方向的拖动 - 请参阅作者网站:http://davetayls.me/jquery.kinetic/

关于javascript - 使整个页面可拖动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30825120/

相关文章:

javascript - If Else 用于按下按钮时的 javascript

javascript - 将字符串复制到剪贴板,而不使用 DOM 元素?

jquery - Grails:动态填充的表行不是Selectable&Clickable

javascript - 如何在 Chrome 开发者工具中逐行单步执行 JavaScript 代码而不在每行上放置断点?

javascript - jQuery 函数声明说明

javascript - 如何在 Javascript/Jquery 中以编程方式调用突出显示效果(类似于鼠标悬停)?

javascript - 如何判断正在使用哪个 JSON 对象(Crockford 的或其他的)?

javascript - 如何获得有关动态附加和加载 IFRAME 的通知?

javascript - 如何在 JavaScript 中为内容添加样式?

html - 特定网页在 Firefox 上呈现的字体不同