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

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

要做类似淘宝查看 宝贝详情 的页面。

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

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

实现渐变透明导航栏 ios" height="565" src="http://s14.sinaimg.cn/mw690/001Dyuxqgy72jYkDSxv3d&690" width="304">
想用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;

}

}

}