UIWebView和CSS固定位置

时间:2013-01-10 21:24:49

标签: iphone ios css xcode uiwebview

我有UIWebView使用固定位置标头。

当包含ViewController的{​​{1}}是初始视图时,固定位置div没有问题。

当我通过模态segue显示相同的UIWebView时,就会出现问题。

第一次在页面上滚动时,div会移动并滚动页面,但是一旦我第一次放开滚动,div就会返回到固定位置,错误再也不会发生了。

有什么想法吗?我已经看过ViewController,它的工作方式也不像我想要的页面,我认为有一种更简单的方法,因为我只能在iScroll的初始加载时遇到问题。

3 个答案:

答案 0 :(得分:4)

我使用了CSS解决方法,将标题定位为左上角的绝对标题,并为主<div>提供overflow-y: scroll;,并保留body { height: 100%; }

这导致了一种被淘汰的iScroll!

修改

另外,你可以插入:

-webkit-overflow-scrolling: touch;

进入主<div> css以获得更原生的感觉。

答案 1 :(得分:3)

不幸的是。 position: fixed在iOS上不可靠。这意味着您需要在某处妥协。

iScroll 可以工作,但它充其量只是一个黑客。根据设备的不同,它可能无法快速滚动以提供您想要的“固定”外观。

你还没有详细介绍这个标题中的内容,但是还有其他一些可能性:

一个。将您需要的任何内容放在ViewController顶部的UIView中,并将其固定在屏幕顶部,并在其下方显示UIWebView。

湾改变你的故事板流程,以消除模态segue的需要。

℃。不要使用故事板,从而消除了segue的问题。

d。重新设计HTML,以便删除对固定标头的需求。

告诉我们更多关于这个固定标题中的内容,也许我们可以提出其他想法。

答案 2 :(得分:0)

position: fixed在iOS上运行良好。

iScroll是一个更安全的赌注。