Javascript 拖动时滚动，长按时移动div，短按时显示div

在以下示例中：

codepen.io/irudha/pen/yLgqPeG

我正在努力实现这些目标：

主页按钮有长时间和短时间单击事件

点击并释放。下拉列表应显示并同时显示名为drag的div。当拖动div可见并向上或向下拖动时，页面应滚动

当点击主页按钮并保持2秒以上时，移动菜单的功能应启动，并且应能够将菜单放置在任何需要的位置。释放时，菜单应保持在释放位置，以便在下一次快速单击菜单和拖动选项功能

我的问题：

我上面所描述的一切都在桌面浏览器上运行良好，而不是在ipad或手机上

---

如果有人能帮助我，并且可能会建议更好的方法，我将永远感激。

您必须为

触摸事件提供相同的机制……是的，我意识到了这一点。我无法让它工作，因此这里的帖子希望有人能帮助我编辑或添加我所做的。