在您的网站上滚动弹跳

Desknumber

本文介绍了滚动弹跳的效果以及它在不同网络浏览器上的工作原理。它包含对网络上建议的几种不同解决方案的评论，这些解决方案可用于防止滚动弹跳。overscroll-behavior本文还介绍了CSS 属性 ，该属性于 2017 年 12 月在 Chrome 中实现，并于 2018 年 3 月在 Firefox 中实现。充分理解这种效果对于构建或设计任何具有固定元素的网站非常有帮助。

滚动弹跳（有时也称为滚动“橡皮筋”或“弹性滚动”）通常用于 电子邮件营销列表 指滚动到页面或 HTML 元素的最顶部或底部时看到的效果。使用触摸屏或触控板的设备上的页面或元素，在元素或页面弹回并将其自身对齐回其顶部/底部（当您释放触摸/手指时）之前，可以看到一会儿空白。您可以在元素之间的 CSS 滚动对齐中看到类似的效果。



但是，本文重点讨论当您滚动到网页的最顶部或最底部时的滚动弹跳。换句话说，当滚动端口到达其滚动边界时。

收集数据，强大的方式
您知道 CSS 可以用于收集统计数据吗？事实上，甚至还有一种仅使用 CSS 的方法可以使用 Google Analytics 来跟踪 UI 交互。
阅读相关文章 充分了解滚动弹跳非常有用，因为它将帮助您决定如何构建网站以及希望页面如何滚动。