Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何拖动屏幕并捕捉到div?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何拖动屏幕并捕捉到div?

Javascript 如何拖动屏幕并捕捉到div?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我将更详细地解释我的意思: 有一种方法可以通过用光标拖动或用手指触摸来移动整个屏幕。然后,您又可以捕捉到离您所在位置最近的div。div还可以根据分辨率和更改屏幕大小进行调整。 以下是一个主要示例: 我对你如何做到这一点很感兴趣,我也做过这方面的研究。 有很多jquery插件可以让你捕捉到一个div,或者在屏幕上移动一个对象,但是没有达到我想要的程度 这是我的第一篇帖子,如果有什么我可以补充的,请告诉我 下面是一个抓取div的示例,这是我能找到的最多的一个示例 <script src="s

我将更详细地解释我的意思: 有一种方法可以通过用光标拖动或用手指触摸来移动整个屏幕。然后,您又可以捕捉到离您所在位置最近的div。div还可以根据分辨率和更改屏幕大小进行调整。 以下是一个主要示例:

我对你如何做到这一点很感兴趣,我也做过这方面的研究。 有很多jquery插件可以让你捕捉到一个div,或者在屏幕上移动一个对象,但是没有达到我想要的程度

这是我的第一篇帖子,如果有什么我可以补充的,请告诉我

下面是一个抓取div的示例,这是我能找到的最多的一个示例

<script src="src/jquery.scrollsnap.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $(document).scrollsnap({
        snaps: '.snap',
        proximity: 50
    });
});
</script>

$(文档).ready(函数(){
$(文档).scrollsnap({
捕捉:'.snap',
距离:50
});
});

这使您可以在靠近某个div滚动时捕捉到该div,同时还可以更改其捕捉时的接近程度。

您应该从这里开始

$(function() {
    $( "#draggable" ).draggable();
});
工作演示:和

试试这个

此插件将捕捉该部分

<!doctype html>
<html>
  <head>
    <script src="/path/to/jquery.js"></script>
    <script src="/path/to/jquery.panelSnap.js"></script>
    <script>
      jQuery(function($) {
        $('body').panelSnap();
      });
    </script>
  </head>
  <body>
    <section>
      ...
    </section>
    <section>
      ...
    </section>
    <section>
      ...
    </section>
  </body>
</html>

jQuery(函数($){
$('body').panelSnap();
});
...
...
...

很好的解释,但目前采取的方法是什么?尝试一下,然后返回一些代码示例。鼓励具体问题!谢谢你的回复,添加了更多信息。谢谢你的例子。我将尝试将某种拖动函数与snap div合并。这个逻辑看起来并不是很糟糕,很好的例子,谢谢!如果可以的话,我会投你一票。很高兴看到大家都在帮助我。