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;

        }

    }

}