在可拖动事件上,元素随着滚动条窗口顶部的高度向下移动

Posted

技术标签:

【中文标题】在可拖动事件上,元素随着滚动条窗口顶部的高度向下移动【英文标题】:Element moves down with the height from top of window of scrollbar on draggable event 【发布时间】:2018-03-18 13:30:35 【问题描述】:

我在容器中有可拖动元素,如果没有滚动条,则可拖动元素工作正常,但如果我向下滚动容器,则滚动条进入图片,当向上拖动元素时,它会从顶部向下移动滚动条的高度窗户。

此问题仅出现在最新版本的 chrome 版本 61.0.3163.100 (Official Build) (64-bit) 中,其他版本不存在。 我该如何解决这个问题。

代码如下: $("#workflow_container .dragme").draggable( 遏制:“#workflow_container”, 不透明度:1, zindex: 99, 滚动:是的, 滚动灵敏度:100, 拖动:function() updateWorkflowData($(this));初始化工作流系统(); , 停止:函数() updateWorkflowData($(this));初始化工作流系统(); , 开始:函数() updateWorkflowData($(this));初始化工作流系统(); );

即使当我在可拖动事件中删除代码时,它也不起作用。

【问题讨论】:

【参考方案1】:

找到解决办法,

workflow_container 位置:“相对”

【讨论】:

以上是关于在可拖动事件上,元素随着滚动条窗口顶部的高度向下移动的主要内容,如果未能解决你的问题,请参考以下文章

滚动后可拖动的jQuery UI不粘在网格上

元素随着滚动条滚动而滚动,但是到浏览器窗口顶部的距离是固定的功能代码

监听页面滚动事件

Firefox 在 div 滚动条上移动时触发拖动事件

滚动视图中的内容随着导航菜单的高度值向下移动

如何判断滚动条滚到页面底部并执行事件