限制视口内的可拖动div元素

文章/答案/技术大牛

发布

2回答

javascript、html

我有一个可以拖放div元素的工作代码。但是，我无法理解如何将拖动移动限制在视口的宽度和高度内。当移动到网页的角落时，该元素将被切断。我以前没有做过任何类似的事情，我不能使用Jquery来实现我的结果。对此有什么建议吗？ //Make the DIV element draggagle: dragElement(document.getElementById("

浏览 25提问于2019-02-22得票数 0

回答已采纳

2回答

单击鼠标时保留Javascript鼠标

javascript、jquery、mouseleave

有没有一种方法可以在元素被拖动时检测到鼠标离开？所以鼠标离开时不需要在窗口内点击就可以工作。单击鼠标离开对我不起作用。showPopup(); i

浏览 2提问于2017-07-26得票数 2

1回答

角CDK -嵌套可滚动div内具有滚动和拖动元素的问题

javascript、html、css、angular、angular-cdk

先决条件:嵌套可滚动div中的cdk可拖动元素(请参阅) <div cdk

浏览 1提问于2019-09-02得票数 12

1回答

如何防止拖放元素被移出边界？

javascript、html、css、drag

通过使用与w3Schools中的示例大致相同的方式工作的代码，我创建了一个可拖动的元素：dragElement(document.getElementByIddocument.getElementById(elmnt.id + "header")) { /* if present, the header is where yo

浏览 0提问于2018-01-04得票数 1

回答已采纳

2回答

限制jQuery可拖动项与同级元素重叠/冲突

jquery、jquery-ui、draggable、jquery-ui-draggable、containment

我需要使用jQuery UI来限制可拖动对象的包含区域，但有一些额外的限制。我需要防止可拖动元素与同一容器中的其他元素重叠。<div id="moveInHere"> <div<

浏览 10提问于2012-07-12得票数 10

回答已采纳

1回答

jquery可拖动对象不会出现在视口外的div中

jquery

我让可拖动的li被拖到多个div中，视区外的div不能被可拖动的东西识别。104, drag : function(){},}); 正在识别#fieldslist div，但#subformdiv位于视口外部。当滚动到该部分以拖放'li‘时，可

浏览 0提问于2016-10-31得票数 0

1回答

ASP.NET中运行时的拖放控件

asp.net、drag-and-drop

我们的应用程序需要在运行时创建模板页面。为此，我们需要在ASP.NET中创建一个类似form designer的功能。在运行时从工具箱中拖动控件并放在窗体中的工具应该对用户可用。请建议一种实现此要求的最佳方法。

浏览 0提问于2013-03-13得票数 0

1回答

角度2:了解DOM元素是否在视图中

javascript、angular

基本上，我想用@input值标记dom元素，即'aos‘然后，例如，每当这样的div在我的视口内时，就执行控制台日志。如何才能做到这一点？我假设使用角的滚动调度程序，但是如何理解视口中存在这样的div？

浏览 2提问于2020-09-30得票数 7

回答已采纳

1回答

限制jQuery UI中的可拖动区域

jquery、jquery-ui、jquery-ui-draggable

我正在尝试在div中创建一个可拖动的区域。它工作得很好，但我不想要可拖动区域之外的空白区域，因此希望限制可拖动的区域。到目前为止，我想到的是图像最初定位在父div的左上角。如果你将它拖到右边或底部，你可以看到空白，这是我不喜欢的。我如何限制这一点？我认为可以使用jQuery UI的Dragg

浏览 5提问于2013-06-09得票数 3

回答已采纳

1回答

我能在div上应用jcrop吗？

javascript、jquery、jcrop

我是新来的。如果这个问题微不足道的话，很抱歉。 <div id="holder"> </div> <style>#container {overflow: hidden;}</

浏览 3提问于2014-09-17得票数 0

2回答

在jquery可拖式窗口中，如何防止在可拖动的表上执行滚动时的拖动

jquery、scroll、draggable、modal-dialog

我有jquery模式窗口，它是可拖动的。窗口内有表，其溢出-y设置为true。当我滚动该表时，窗口将被拖动--如何防止拖动滚动操作。这是示例代码。<div id="container"></div> $('#container').drag

浏览 4提问于2011-08-25得票数 0

1回答

在Jquery中拖放和还原

c#、jquery、asp.net-mvc

我试图通过将元素的副本保留在其原始位置来将元素拖放到容器中。我的代码如下 $(document).ready(function () { Drop here         <span id=&qu

浏览 2提问于2014-01-19得票数 1

1回答

使用jquery draggable拖动时保持Bootstrap "column“元素的宽度

jquery、twitter-bootstrap、twitter-bootstrap-3、draggable、jquery-ui-draggable

我遇到了一个问题，我们使用的是bootstrap (3.x)框架，我们已经指定使用jquery的draggable特性可以拖动元素列表，但是一旦开始拖动元素，它就会从容器.row流中删除，因为jquery添加了position:absolute;，因此丢失了适当的宽度。例如，如果可拖动元素的类为.col-lg-6，它通常是包含.row的50%，但只要我开始拖动，该

浏览 1提问于2014-07-15得票数 1

2回答

如何获取元素是否在视图中？

javascript

在我的应用程序中，我想使用：为了确保元素位于视口内，它可以工作。然而，我发现这可能会导致一些问题，例如，当一个元素在视区内，然后我将其设置为“视图”。然后滚动条会相应地移动，这不是我所期望的。因此，我希望确保元素不在视口内，然后调用scrollIntoView。如何获取元素是否在视区内？

浏览 1提问于2012-11-07得票数 0

1回答

可自由定位的元素(由用户)在网页上？

javascript、html、css、position、fluid

这个是可能的吗？显然，我没有一个例子来说明我在问什么，但本质上我想做的是让用户能够在页面周围拖动一个元素，而不是让它被限制到某些位置，比如HTML5中的可拖放元素。最简单的例子是windows在桌面上的工作方式。如果答案在外面，我很抱歉，但我不知道该找哪个词。

浏览 3提问于2014-02-07得票数 1

回答已采纳

1回答

@HostListener工作方式不正确

angular、event-listener

我使用HostListener创建了一个拖动事件侦听器来检查元素是在浏览器窗口内部还是外部被拖动，所以当元素被拖动到浏览器窗口内时，它会显示一个div“drop zone”，其中写着“drop zone”将您的文件拖放到这里，当我离开浏览器窗口时，我希望这个div消失。['$event']) console.log(" DRAG LEFT&q

浏览 12提问于2020-05-28得票数 0

回答已采纳

6回答

如何使用jquery检查元素是否在用户的视图中

javascript、jquery、viewport

我的窗口中有一个非常大的可拖动的div。此div的窗口较小。<div id="draggable-area" style="width:500px;height:500px;overflow:hidden"> </div</em

浏览 9提问于2011-11-22得票数 18

回答已采纳

2回答

jquery ui可拖动防止单击外部

jquery、jquery-ui、jquery-ui-draggable

我得到了一个可拖动的div，它在y轴上的移动是有限的。我的代码： $(".drag").draggable({ axis: "y" }); 这可以很好地工作。但是，这个div与其他有点击事件的div很接近。在y轴上，光标与可拖动对象一起移动，因此一切正常。但是在x轴上，光标并不局限于元素。因此，如果光标离开了可</e

浏览 11提问于2019-03-06得票数 1

1回答

移动端jQuery可滚动/可拖动div

jquery

如何为移动端创建可滚动/可拖动的div？我正试着在没有任何插件的情况下做到这一点。我想要做的是有一个包含的div和一个嵌套的div，前者是隐藏溢出的视区的宽度，后者更宽，允许您左右拖动嵌套的div。

浏览 1提问于2013-05-04得票数 1

回答已采纳

1回答

我有一个IE相关的问题，当窗口大小调整为比可用内容小的视口(例如窗口模式)时，滚动条变成可用的正常行为。仅在IE7/8中(9只有在兼容模式下才有这个问题，没有兼容模式就不能工作(我知道IE9 jquery.sortable问题))，当我需要在页面上向下滚动以与这些元素交互时，当我开始拖动其中一个元素时，窗口会捕捉回页面顶部，导致字段集移动到视口之外。在其他浏览器中，或者当窗口内容尚未滚动时，这不是问题。在我的</e

浏览 0提问于2011-07-12得票数 3

回答已采纳

点击加载更多