【问题标题】:Safari rubber-band scrolling on DIVs but not pageSafari 橡皮筋在 DIV 上滚动但不是页面
【发布时间】:2014-02-07 21:53:37
【问题描述】:

我是我的网络应用程序,我想实现类似 OS X 的 Mail.app、Reminders.app、Contacts.app 等,其中它们的各个窗格具有橡皮筋滚动效果,但整个应用程序没有.

例如在Mail.app中,左侧的邮箱列表有橡皮筋的效果,但app当然没有。

对于网络应用程序,这意味着 BODY 没有弹性滚动,但 BODY 内的一两个 DIV 有。

我已经设法使用 overflow: hidden; 移除了身体的橡皮筋效果。但不确定是否可以重新引入对特定 DIV 的影响。

【问题讨论】:

  • 只有在 OSX 中使用触摸板时,橡皮筋滚动才有效。您希望您的页面具有相同的行为吗?
  • 是的,没错。我认为 OS X 最常与触控板一起使用——甚至 Apple 的鼠标也有触摸感应表面。

标签: javascript html css web-applications


【解决方案1】:

你看过 iosslider-vertical 吗?这是一个高级插件,但它会完全按照您的要求进行。 HTML/CSS 是完全可定制的。适用于触摸和桌面浏览器(支持单击+拖动和触摸+拖动)。

http://iosscripts.com/iosslider-vertical

【讨论】:

  • 看起来你是对的很遗憾——没有本地方法可以实现这一点。但是,您提供的链接似乎仅适用于 iOS。它没有提供我所追求的 OS X 行为。
猜你喜欢
  • 1970-01-01
  • 2023-03-17
  • 1970-01-01
  • 1970-01-01
  • 2011-07-01
  • 2014-03-06
  • 2013-11-05
  • 1970-01-01
  • 2011-10-24
相关资源
最近更新 更多