动画隐藏Navbar【上滑推动Navbar至消失，下滑至完全出现Navbar的】

关注

原创最新推荐文章于 2026-03-06 05:11:42 发布 3.1k 阅读 AI 写同款· GEO 优化 ›

VUE—屏幕向上滚动到一定高度，导航栏向上慢慢消失（动画） <div ref="header" class="header-container"> // header 设置ref mounted() { document.addEventListener('scroll', this.onScroll) }, beforeDestroy() { document.removeEventListener('scroll', this.onScroll) }, methods: { onScroll() { 阅读详情

NavigationViewController+TableView(或者ScrollView )情况

//首先设置navigationBar.translucent
    UINavigationController *navVC = [[UINavigationController alloc]initWithRootViewController:self.viewController];
    navVC.navigationBar.translucent = YES;

 //然后设置tabelView.contentInset，不然table会显示在navbar后面一部分
    self.tabelViewFollows.contentInset = UIEdgeInsetsMake(44.0f, 0.0f, 0.0f, 0.0f);

//最后在scrollViewDidScroll进行判断来设置navbar
- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
    
    NSInteger num = scrollView.contentOffset.y + 44;
    
    if (num<0) {
        num=0;
    }
    if (num>44) {
        num =44;
    }
    self.navigationController.navigationBar.transform = CGAffineTransformTranslate(CGAffineTransformIdentity, 0.f,-num);
    
}

收录于