javascript - 在 iPhone 上滚动页面时隐藏和显示 div

标签 javascript iphone css ipad mobile

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

增加复杂性:

  1. 我们的代码是访客代码(因此我们无法操纵 DOM 结构等)。
  2. 我们的代码适用于 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/

相关文章:

javascript - .match() 和正则表达式的意外输出

Internet Explorer 中的 PHP SDK + Javascript SDK 问题

html - 如何从 typescript 文件中以 Angular 获取背景颜色并将其绑定(bind)到我的 html 页面?

javascript - 选择音频上下文目标输出

javascript - 使用轨迹球控件手动设置相机位置和视场(THREEJS)

ios - 禁止选择单个 UITableViewCell

iphone - iOS 中的 NSNetServices

iPhone、本地化、info.plist

javascript - 只在必要时断字

CSS如何解决-webkit-函数