需要在网页顶部显示一个元素(div
)。在滚动期间,元素应该消失并在滚动结束后重新出现。
增加复杂性:
- 我们的代码是访客代码(因此我们无法操纵 DOM 结构等)。
- 我们的代码适用于 iPhone/iPad(移动 Safari 浏览器)
我们尝试在文档/主体上监听 touchstart
事件,并在我们的专用处理程序中隐藏元素 (div
)。然而,在某些站点中(当 DOM 结构变得相当复杂时)滚动响应时间显着增加,即使处理程序实现完全是空的。
我们正在寻找适当的方法来管理元素(重新)出现,同时将滚动时对用户体验的影响降到最低。
最佳答案
我认为 Javascript 是您的最佳解决方案。您可以使用 document.createElement 将您的 DIV 动态插入到任何内容,然后还可以添加一些 javascript 来监听 onScroll...
如果需要,您甚至可以使用从 native 代码构建的自定义 HTML 来填充 DIV。
有什么帮助吗?
关于javascript - 在 iPhone 上滚动页面时隐藏和显示 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7646414/