iOS - 在Scroll上的UIWebview部分消失

时间:2017-03-23 20:13:22

标签: ios objective-c uitableview uiwebview

我实现了一个不属于UITableView的自定义标题视图。但是,它响应scrollView委托方法来调整NSLayoutConstraint常量的高度。标题视图包含呈现静态图像的Web视图。在tableView滚动期间,标题视图按预期在屏幕上移动和移出。当滚动快速(向上/向下)时,它按预期工作。但是,如果您慢慢向下滚动,UIWebview的内容将消失。 enter image description here

我最初认为它可能与webView的scrollView.contentSize有关,但似乎正在调整(基于NSLog)。如果你看一下上面的gif,橙色是UIWebview的背景,所以只有html的实际内容消失了;视图本身完好无损。其他人遇到这个问题?

相关代码:

#define kMaxHeaderHeight 160.0
#define kMinHeaderHeight 0.0
-(void)setupWebview
{
    self.webView.scrollView.scrollEnabled = false;
    self.webView.backgroundColor = [UIColor orangeColor];

    NSString *html =
    @"<head>"
    @"<style>"
    @"body {"
    @"padding: 0px;"
    @"font-family: Arial;"
    @"width: 100%;"
    @"margin: 0px;"
    @"text-align: center;"
    @"}"
    @".image {"
    @"position: absolute;"
    @"margin: 0px;"
    @"bottom: 0;"
    @"padding: 0px;"
    @"}"
    @"</style>"
    @"</head>"
    @"<body>"
    @"<a>"
    @"<img class='image' src='http://mgk.com/wp-content/uploads/2013/05/bedbug_ICON.png' />"
    @"</a>"
    @"</body>";

    [self.webView loadHTMLString:html baseURL:nil];
}
-(void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    if (scrollView != self.tableView) return;

    CGFloat scrollDiff = scrollView.contentOffset.y - previousScrollOffset;
    CGFloat absoluteTop = 0.0;
    CGFloat absoluteBottom = scrollView.contentSize.height - scrollView.frame.size.height;
    BOOL isScrollingDown = scrollDiff > 0 && scrollView.contentOffset.y > absoluteTop;
    BOOL isScrollingUp = scrollDiff < 0 && scrollView.contentOffset.y < absoluteBottom;

    CGFloat newHeight = self.headerViewHeightConstraint.constant;
    if (isScrollingDown) {
        newHeight = MAX(kMinHeaderHeight, self.headerViewHeightConstraint.constant - fabs(scrollDiff));
    } else if (isScrollingUp) {
        newHeight = MIN(kMaxHeaderHeight, self.headerViewHeightConstraint.constant + fabs(scrollDiff));
    }

    if (newHeight != self.headerViewHeightConstraint.constant) {
        self.headerViewHeightConstraint.constant = newHeight;
        [self updateScrollPosition:previousScrollOffset];
    } 



    previousScrollOffset = scrollView.contentOffset.y;
}

-(void)updateScrollPosition:(CGFloat)postition
{
    self.tableView.contentOffset = CGPointMake(self.tableView.contentOffset.x, postition);
}

我尝试过的事情:

  • 强制webview到layoutSubviews [self.webView layoutSubViews];
  • 将UIWebview的所有子视图收集到一个数组中,并在滚动发生时调整它们的高度。
  • 将webView.scrollView的contentView调整为滚动。
  • 我无法记住的其他一些东西。提出建议,我会告诉你我是否尝试过。

2 个答案:

答案 0 :(得分:1)

OP能够通过使用WKWebView而不是UIWebView解决问题。

答案 1 :(得分:0)

更改tableView contentOffset时,可以强制webview布局吗?

[self.webview setNeedsLayout]