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