javascript - Safari 橡皮筋在 DIV 上滚动但不在页面上滚动

标签 javascript html css web-applications

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

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

在网络应用程序的情况下,这意味着 BODY 没有 flex 滚动,但 BODY 内的一两个 DIV 有。

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

最佳答案

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

http://iosscripts.com/iosslider-vertical

关于javascript - Safari 橡皮筋在 DIV 上滚动但不在页面上滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21638472/

相关文章:

javascript - 包含表格的 div 上的框阴影问题(高度问题)

javascript - 单击时使用纯 JavaScript 隐藏 Bootstrap 模态

javascript - 使用 Safari 12 时未创建 session Selenium/webdriver

javascript - 我怎样才能让我的 div 在我的 li 元素中首先出现在 css 中

html - 使整个 div 在悬停时发生变化

javascript - 如何防止jquery双击 "click"

javascript - div “flickers” 和淡出/淡入移动

javascript - 如何清除/删除 JavaScript 事件处理程序?

html - 需要 CSS 帮助

javascript - 如何跨浏览器调试网页渲染兼容性问题?