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

时间:2011-10-04 10:23:24

标签: javascript iphone css ipad mobile

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

增加复杂性:

  1. 我们的代码是访客代码(因此我们无法操纵DOM结构等)。
  2. 我们的代码适用于iPhone / iPad(移动Safari浏览器)
  3. 我们尝试在文档/正文上侦听touchstart事件,并在我们的专用处理程序中隐藏元素(div)。但是,在某些站点中(当DOM结构变得相当复杂时),即使处理程序实现完全为空,滚动响应时间也会显着增加。

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

3 个答案:

答案 0 :(得分:1)

我认为Javascript是您最好的解决方案。您可以使用document.createElement将DIV动态插入任何内容,然后添加一些javascript来监听onScroll ...

如果需要,您甚至可以使用从本机代码构建的自定义HTML来填充DIV。

任何帮助?

答案 1 :(得分:1)

我不知道你是不是一个jQuery用户,但是这个.scroll()函数可以帮助你完成你想要做的事情。查看演示以了解它是如何工作的。

http://api.jquery.com/scroll/

答案 2 :(得分:0)

在最近的iOS版本(5.x)中,支持固定定位(CSS中为position:fixed),因此您的元素将定位在屏幕坐标上。这可能是解决问题的良好起点。