在iphone页面滚动期间隐藏和显示div

roe*_*oee 7 javascript css iphone mobile ipad

需要在div网页上显示元素().在滚动期间,元素应该消失并在滚动结束后重新出现.

增加复杂性:

  1. 我们的代码是访客代码(因此我们无法操纵DOM结构等).
  2. 我们的代码适用于iPhone/iPad(移动Safari浏览器)

我们试图touchstart在文档/正文上侦听事件,并div在我们的专用处理程序中隐藏元素().但是,在某些站点中(当DOM结构变得相当复杂时),即使处理程序实现完全为空,滚动响应时间也会显着增加.

我们正在寻找管理元素(重新)外观的正确方法,同时滚动时对用户体验的影响最小.

Bre*_*eak 0

在最近的 iOS 版本 (5.x) 中,固定定位(position:fixed在 CSS 中)得到流畅支持,以便您的元素将定位在屏幕坐标上。这可能是解决您的麻烦的一个很好的起点。