webview监听滚动事件contentOffset 实现渐变透明导航栏 ios

要作相似淘宝查看 宝贝详情 的页面。

用UIWebView来盛装宝贝详情，上面的导航栏是OC写的，不是网页的一部分。

滚动webView时要实现导航栏透明度改变的渐变效果。如图

想用kvo来监听webview滚动到了哪一个位置，发现webview是遵循UISCrollViewDelegate代理，且有一个

scrollView属性的。代码以下：（self.navBar是自定义的导航栏View）

[_webView.scrollView addObserver:self forKeyPath:@"contentOffset" options:NSKeyValueObservingOptionNewcontext:nil];

 

-(void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<<span style="font-variant-ligatures: no-common-ligatures; color: #703daa">NSString *,id> *)change context:(void *)context

{

    if ([keyPath isEqualToString:@"contentOffset"])

    {

        CGFloat y = _webView.scrollView.contentOffset.y;

        if (y>=0 && y<=64) {

            CGFloat nav_alpha = y/64;

            NSLog(@"透明度%f",nav_alpha);

            self.navBar.alpha = nav_alpha;

        }else if(y>64){

            self.navBar.alpha = 1.0;

        }else{

            self.navBar.alpha = 0.0;

        }

    }

}