手机Webkit上的元素滚动处理之一： iScroll, YUI ScrollView

最新推荐文章于 2025-12-01 13:49:36 发布

最新推荐文章于 2025-12-01 13:49:36 发布 · 90 阅读

文章标签：

#移动开发 #javascript #ViewUI

本文深入探讨了手机WebKit浏览器（如iPhone、iPod、Android和Pre）在处理固定宽度和高度元素滚动时的问题，以及iScroll库是如何解决这一难题的。iScroll作为一款用于移动浏览器上的指定区域滚动内容的JavaScript库，不仅解决了固定元素的滚动问题，还实现了与其他浏览器的兼容性，尽管与某些特定设备的应用存在兼容性差异。通过实际案例分析，本文详细阐述了如何在Mobile Safari上实现ScrollView界面，以及在使用过程中遇到的问题和解决方案。

手机Webkit上的元素滚动处理 iScroll

Scroll 的诞生是因为手机 Webkit 浏览器（iPhone、iPod、Android 和 Pre）本身没有为固定宽度和高度的元素提供滚动内容的方法。这导致了很多网页使用 position:absolute 无法固定页头页尾，并对内容进行滚动的方式。

而 iScroll 就是为了解决这个问题。

javascript库，提供移动浏览器上在指定区域（指定高度宽度）内上下滚动内容的能力。

The script development began because mobile webkit (on iPhone, iPad, Android) does not provide a native way to scroll content inside a fixed width/height element.

和BlackBerry 浏览器兼容，但是和BlackBerry WebWorks 应用不兼容。

网友文章：在Mobile Safari上實作ScrollView介面之經驗分享