滚动时使用html5拖放

这个问题在这里已经有了答案:

  • 使HTML5可拖动项目滚动页面? 3个答案

  • 正如@howderek在他的评论中所述,将div拖到页面底部会自动滚动页面。

    但是您可以使用名为jQueryDndPageScroll的jQuery插件。 在您的网页中实现它就像在代码中添加这些行一样简单:

    <script type="text/javascript" src="/js/jquery.dnd_page_scroll.js"></script>
    
    <script type="text/javascript">
     $(document).ready(function() {
       $().dndPageScroll();
      });
    </script>
    

    这个插件是开源的。 所以你可以看到底下发生了什么。

    或者,您可以建议W3C召开会议来制作此跨浏览器。 从这里开始https://discourse.wicg.io/。 你可以在那里开始一个论坛,如果该论坛得到很多关注, W3C可以将其作为所有浏览器的标准。 看到这个问题的更多信息。

    最后一个选项是一个非常冗长的过程,并不能保证你的建议将作为一个标准来实施。 但是,如果你清楚地陈述你的问题,并获得其他人的关注,就很有可能取得成功。


    我相信这可以解决这个问题。 在这个StackOverflow链接上,你有一个JSfiddle的答案,你可以同时拖动和滚动。

    在拖动元素时,可以通过将鼠标移动到顶部或底部页面进行自动滚动来滚动页面,也可以同时单击拖动和旋转鼠标滚轮。


    我认为加入这将有所帮助

    $(document).keydown(function(e) {
    switch(e.which) {
        case 37: // left
        break;
    
        case 38: // up
        break;
    
        case 39: // right
        break;
    
        case 40: // down
        break;
    
        default: return; // exit this handler for other keys
    }
    e.preventDefault();
    });
    

    这将使其具有基于按下箭头键的拖动功能

    链接地址: http://www.djcxy.com/p/64275.html

    上一篇: Scroll while using html5 drag and drop

    下一篇: Firefox firing dragleave when dragging over text