无滚动条的水平溢出内容,可拖放
Overflowing content horizontally sans scrollbar with drag and drop
我需要装配一些<li>
项目,以便可以水平拖放它们。不过,他们的容器是可变宽度的。我需要它,这样,如果<li>
被拖到最右边,容器中的内容(其他<li>
)将向左滚动,以便活动的<li>
可以放在最右边。
有人能帮忙吗?
在http://jsfiddle.net/j_holtslander/5WpT6/
您的问题是溢出被隐藏。如果隐藏溢出,则无法看到最后一个li(如果浏览器的宽度小于容器的宽度),因为它们是隐藏的。
如果您希望该功能按计划运行,出于可用性原因,您应该让li元素在浏览器的宽度变化上流动,而不是隐藏它们。
相关文章:
- EaseJS拖放;放下(动画CC)电影剪辑的鼠标坐标
- 为什么HTML5拖放的目标是孩子?(可排序列表)
- HTML/CSS-用于拖放的全页面覆盖
- Rubaxa可与聚合物进行排序/拖放不起作用,具体取决于显示器:
- dblclick事件是在jquery拖放后触发的
- 无法进行拖放以使用本地存储
- 如何使用Java脚本创建提交按钮's的拖放功能
- Chrome原生拖放相对容器并不能正确渲染重影
- 如何在Javascript中创建排序、拖放多级列表
- html5拖放文件-在提交整个表单时上传
- 在jQuery UI中获取ul和li值,拖放即可排序
- html5拖放确定拖动项目的来源
- 我使用什么语言来创建像Webly这样的拖放功能
- HTML5拖放;Drop-使用jQuery处理事件
- 使用jquery拖放图像
- HTML5拖放访问属性
- HTML5拖放-如何删除IE上的默认重影图像
- HTML5拖放新图像并替换Div中的现有图像
- 拖放文件上传无需AJAX,在前台同步
- 无滚动条的水平溢出内容,可拖放