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

Question

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

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

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

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

Answer 1

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

http://iosscripts.com/iosslider-vertical