在Internet Explorer中动态高度中断的元素上拖放可滚动容器
Drag and drop in scrollable container on element with dynamic height broken in Internet Explorer
我有一个固定高度的可滚动容器,在这个容器中,我有一些包含li
项的ul
列表。
在我的解决方案中,JavaScript用于根据具有最大高度的元素,为所有ul
元素提供相同的高度
我准备了一把简单的小提琴,但它完美地展示了这个问题。
现在看来,Internet Explorer中的一个下拉框只可能出现在目标列表的区域,该区域在不滚动的情况下是可见的
它在Firefox和Chrome中运行时没有问题。
复制步骤:
- 在Internet Explorer中打开小提琴(10/11)
- 将项目从左侧拖动到右侧
- 您会看到一个复制/移动可能的图标
- 将容器滚动到底部
- 将项目从左侧拖动到右侧
- 您会在特定的不可见点下方看到一个禁止图标
有人面对过这个问题吗
这真的是InternetExplorer的错误吗?还是我犯了一些错误
这在Edge中也被破坏了吗?
尝试从inner
类中删除height
。这是因为内部容器的高度设置为100%
,等于可滚动容器的高度。
相关文章:
- EaseJS拖放;放下(动画CC)电影剪辑的鼠标坐标
- 为什么HTML5拖放的目标是孩子?(可排序列表)
- HTML/CSS-用于拖放的全页面覆盖
- Rubaxa可与聚合物进行排序/拖放不起作用,具体取决于显示器:
- dblclick事件是在jquery拖放后触发的
- 无法进行拖放以使用本地存储
- 如何使用Java脚本创建提交按钮's的拖放功能
- Chrome原生拖放相对容器并不能正确渲染重影
- 在手机上缩小/缩放滚动图像
- 如何在Javascript中创建排序、拖放多级列表
- html5拖放文件-在提交整个表单时上传
- 在jQuery UI中获取ul和li值,拖放即可排序
- html5拖放确定拖动项目的来源
- 在iPad Web App上拖放 - 同时保留滚动功能
- 拖放区中可拖动的 Jqueryui 不会滚动,会恢复,滚动条存在
- 无滚动条的水平溢出内容,可拖放
- 使用JavaScript(或jQuery)在HTML元素中拖放以滚动位置
- 滚动,而使用html5拖放
- 拖放和水平滚动
- 在Internet Explorer中动态高度中断的元素上拖放可滚动容器