如何在触摸时向上/向下滑动 div？

Question

我正在创建一个网站，我希望在页面底部有一个 div 框，它只是有点暴露在里面，标题是它里面的内容，比如说“更多关于这个地方”，其中包含像附近地方这样的选项，评分，评论等，但未公开并且位于 div 容器内..

当有人选择（按住）并向上滑动时，我希望该框从下到上滑出！

当有人向下滑动时再次隐藏到它的位置。

如何使用 Js/jQuery、css、html 实现这一点？请帮助我编写代码或背后的工作！

参考：类似于 Google Map App 的“探索附近”框！

Answer 1

如果您不想依赖第三方解决方案，可以尝试使用 Hammer.JS 等库或查看 this answer。