jqm 滚动页脚和视口奇怪的行为
我正在创建一个要添加到网站的移动版本中的功能的模型。这个想法是有一个水平滚动的链接页脚和垂直滚动的内容;实际上,在双击主页按钮时重新创建本机 iOS 行为的功能。
问题:当页面加载时,视口似乎没有重新计算以匹配新的内容区域高度。这会在可滚动页脚下方留下一个丑陋的空白区域(显然是 iOS Safari 中 URL 栏的大小)。
我尝试添加超时来重新计算高度(使用scrollview.js 中的函数)。使用固定位置页脚时,页脚的行为很奇怪,但最终会重新出现在预期位置 - 然而,空白区域仍然存在。
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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论