草庐IT

seek拖动

全部标签

javascript - 选择/拖动文本时停止页面滚动

我有一个页面,我不希望用户能够滚动该页面。为了防止它,我只是将主体设置为具有隐藏的溢出样式。在用户尝试选择一些文本然后拖到底部之前,这已经足够了。然后窗口随着用户的拖动而滚动。我怎样才能避免这种情况? 最佳答案 使用位置:固定;。如果你想让整个body不可滚动:body{position:fixed;}编辑:收到用户Sam的评论后,我决定返回并再次测试此方法。既然我重新考虑了它以及Sam担心它会扰乱样式,我得出的结论是以下将是更好的解决方案:html{position:fixed;width:100%;height:100%;}防止

javascript - 选择/拖动文本时停止页面滚动

我有一个页面,我不希望用户能够滚动该页面。为了防止它,我只是将主体设置为具有隐藏的溢出样式。在用户尝试选择一些文本然后拖到底部之前,这已经足够了。然后窗口随着用户的拖动而滚动。我怎样才能避免这种情况? 最佳答案 使用位置:固定;。如果你想让整个body不可滚动:body{position:fixed;}编辑:收到用户Sam的评论后,我决定返回并再次测试此方法。既然我重新考虑了它以及Sam担心它会扰乱样式,我得出的结论是以下将是更好的解决方案:html{position:fixed;width:100%;height:100%;}防止

html - html5 拖动事件中的 X 和 Y 值在浏览器之间不一致

在Chrome、Safari和Firefox中查看以下jsFiddle。它应该非常详细地解释我所看到的。总之,drag和dragend事件要么没有x和y值,要么有奇怪的x和y值。(见下面粘贴的代码)http://jsfiddle.net/CgzV3/10/这些是浏览器中的错误吗?我们能否期望浏览器最终在拖动和拖动事件中具有合理的x和y值?我们能否期望FireFox最终支持offsetX和offsetY以及dragenter/dragleave/dragover/drop事件?谢谢,内特html:DragMeDropHereNotes:drag:InChromethex/yvaluesf

html - html5 拖动事件中的 X 和 Y 值在浏览器之间不一致

在Chrome、Safari和Firefox中查看以下jsFiddle。它应该非常详细地解释我所看到的。总之,drag和dragend事件要么没有x和y值,要么有奇怪的x和y值。(见下面粘贴的代码)http://jsfiddle.net/CgzV3/10/这些是浏览器中的错误吗?我们能否期望浏览器最终在拖动和拖动事件中具有合理的x和y值?我们能否期望FireFox最终支持offsetX和offsetY以及dragenter/dragleave/dragover/drop事件?谢谢,内特html:DragMeDropHereNotes:drag:InChromethex/yvaluesf

javascript - Dragula 掉落的元素与拖动的元素不同

在dragula中,您有一种潜在的从一个容器复制到另一个容器的方式——我想将其用于UI,在该UI中,您将代表元素的符号拖到容器中,并让它产生“真正的交易”——真正的交易是任意不同的元素。其中大部分非常简单:dragula([].slice.call(document.querySelectorAll('.container')),{copy:function(el,source){returnsource===document.getElementById('c1')},accepts:function(el,target){returntarget!==document.getEle

javascript - Dragula 掉落的元素与拖动的元素不同

在dragula中,您有一种潜在的从一个容器复制到另一个容器的方式——我想将其用于UI,在该UI中,您将代表元素的符号拖到容器中,并让它产生“真正的交易”——真正的交易是任意不同的元素。其中大部分非常简单:dragula([].slice.call(document.querySelectorAll('.container')),{copy:function(el,source){returnsource===document.getElementById('c1')},accepts:function(el,target){returntarget!==document.getEle

javascript - 如何设置拖动元素的样式

我可以使用一些事件来处理拖放:https://developer.mozilla.org/en/DragDrop/Drag_and_Drop有一个drag事件,它在元素被拖动时触发。我可以控制源元素样式或目标可放置容器,但如何设置浏览器创建的“幻影”元素的样式?当元素位于不可拖动区域上时,我想从中删除“禁用”图标,并将其替换为“光标移动”图标这是我目前所拥有的:http://jsfiddle.net/YkaCM/ 最佳答案 您不能直接设置它的样式,因为它是拖动开始时元素外观的位图/副本:http://jsfiddle.net/2Ev

javascript - 如何设置拖动元素的样式

我可以使用一些事件来处理拖放:https://developer.mozilla.org/en/DragDrop/Drag_and_Drop有一个drag事件,它在元素被拖动时触发。我可以控制源元素样式或目标可放置容器,但如何设置浏览器创建的“幻影”元素的样式?当元素位于不可拖动区域上时,我想从中删除“禁用”图标,并将其替换为“光标移动”图标这是我目前所拥有的:http://jsfiddle.net/YkaCM/ 最佳答案 您不能直接设置它的样式,因为它是拖动开始时元素外观的位图/副本:http://jsfiddle.net/2Ev

jquery - 使用 jQuery-UI 的简单可拖动 DIV

我想让divinnerDropzone可拖动以下代码:div.example{width:560px;height:750px;display:block;padding:10px20px;color:black;background:rgba(255,255,255,0.4);-webkit-border-radius:8px;-khtml-border-radius:8px;-moz-border-radius:8px;border-radius:8px;margin-bottom:10px;border:1pxsolidrgba(0,0,0,0.2);position:relat

jquery - 使用 jQuery-UI 的简单可拖动 DIV

我想让divinnerDropzone可拖动以下代码:div.example{width:560px;height:750px;display:block;padding:10px20px;color:black;background:rgba(255,255,255,0.4);-webkit-border-radius:8px;-khtml-border-radius:8px;-moz-border-radius:8px;border-radius:8px;margin-bottom:10px;border:1pxsolidrgba(0,0,0,0.2);position:relat