jqm 滚动页脚和视口奇怪的行为

发布于 2024-11-11 17:18:12 字数 443 浏览 4 评论 0原文

我正在创建一个要添加到网站的移动版本中的功能的模型。这个想法是有一个水平滚动的链接页脚和垂直滚动的内容;实际上,在双击主页按钮时重新创建本机 iOS 行为的功能。

问题:当页面加载时,视口似乎没有重新计算以匹配新的内容区域高度。这会在可滚动页脚下方留下一个丑陋的空白区域(显然是 iOS Safari 中 URL 栏的大小)。

我尝试添加超时来重新计算高度(使用scrollview.js 中的函数)。使用固定位置页脚时,页脚的行为很奇怪,但最终会重新出现在预期位置 - 然而,空白区域仍然存在。

链接到 jsfiddle 代码。 链接到我的 iPhone 的 imgur 屏幕截图。

I'm creating a mock-up of a function to be added to a mobile version of a site. The idea is to have a horizontally scrolling footer of links with vertically scrolling content; in effect, recreating the functionality of the native iOS behavior when double-tapping the home button.

Problem: when the page loads, it appears the viewport is not getting recalculated to match the new content area height. This leaves an ugly blank area (apparently the size of the URL bar in iOS Safari) below the scrollable footer.

I've tried adding a timeout to recalculate the height (using the function in scrollview.js). When using a fixed-position footer, the footer behaves strangely but eventually reappears in the expected place - the blank space remains, however.

Link to jsfiddle code.
Link to imgur screenshot from my iPhone.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文