【问题标题】:Disable horizontal scrolling禁用水平滚动
【发布时间】:2012-05-30 14:13:50
【问题描述】:

我正在寻找一种方法/技巧来禁用(不仅仅是隐藏)水平滚动条。我到处搜索,我发现的只是“溢出-x:隐藏”。问题是我必须将一个元素从一个 div 拖到另一个

我正在开发一个基于 jquery ui 的页面,用户可以将 div 从一个容器拖到另一个容器。第一面由数据库中的 div 动态填充。我需要垂直滚动,因为它是一个动态填充的列表,但是启用水平滚动会阻止 div 被拖到可放置区域。

【问题讨论】:

  • 能不能描述的更详细些
  • 你是用jQuery做拖拽的吗?
  • 请更详细地描述overflow-y:hidden; 没有做你想做的事

标签: php javascript jquery html css


【解决方案1】:

你还没有说,所以我假设你正在使用 jQuery 进行拖动。在jQuery docs on Draggable 中,有一个名为“滚动”的选项。如果设置为 false,可拖动对象将不会滚动窗口。

【讨论】:

  • 我认为这不是 CSS3 标准的一部分,“visible|hidden|scroll|auto|no-display|no-content;”已列出。
  • 没有overflow: none;这样的东西
  • 是的,我同意。建议的编辑是overflow: hidden;,Matt Ryan 说他已经尝试过了。所以,我改成了(希望)一个更有帮助的答案。感谢您指出我的错误。
  • 我添加了更多信息和页面链接。谢谢你们的帮助。
  • 我仍然认为您需要将scroll 选项设置为false。它不会完全阻止滚动 div;它只是防止在拖动元素时滚动 div。
【解决方案2】:

这是一个相当普遍的问题。看看this page。它描述了解决此问题的方法,方法是将可拖动元素附加到不同的元素 ondragstart 并将其重新附加到其原始容器 ondragend

【讨论】:

  • 很抱歉。我修复了链接。
  • 我没有足够的声望点来给这个解决方案积极的排名,但我完全愿意。为了我的目的,我唯一要做的就是给它一个辅助克隆。但那篇文章让我沿着这条轨道思考。非常感谢!!!!
猜你喜欢
  • 2012-05-05
  • 2014-05-11
  • 2015-03-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多