网页滚动:入门指南

Avatar of Chris Coyier
Chris Coyier 发表

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 200 美元的免费积分!

滚动很复杂。Nolan Lawson

  • 用户用触控板上的两个手指滚动
  • 用户用触摸屏上的一根手指滚动
  • 用户用物理鼠标上的滚轮滚动
  • 用户点击侧边栏并上下拖动它
  • 用户按下键盘上的上、下、PageUp、PageDown 或空格键

事实证明,所有这五种输入方法都具有截然不同的特性,尤其是在性能和跨浏览器行为方面。其中一些(例如触摸屏滚动)即使在使用大量 JavaScript 的页面上也可能很流畅,而另一些(例如键盘滚动)则会使同一个页面感觉滞后且无响应。此外,某些类型的滚动可能会因 DOM 事件处理程序而减慢,而另一些则不会。

直接链接 →