【问题标题】:How to change footer on change section with scroll如何使用滚动更改更改部分的页脚
【发布时间】:2025-12-11 18:05:02
【问题描述】:

我创建了一个带有选项卡选项的新 react-native 应用程序。运行此应用时会显示一个默认页脚。

我的问题是我创建了一个包含四 (4) 个部分的组件,我想做的是在滚动到特定部分时更改页脚。

Here is full Information

【问题讨论】:

  • 请添加您已有的问题和代码示例
  • 我创建了一个带有选项卡选项的新 react-native 应用程序。当我运行这个应用程序时,会显示一个默认页脚。我的问题是我创建了一个包含四 (4) 个部分的组件,我想做的是在滚动到达特定部分时更改页脚。请帮帮我。谢谢!

标签: reactjs react-native react-redux react-router react-native-android


【解决方案1】:

你应该给我们的滚动设置一个条件...... $(函数(){ $(文档).scroll(函数(){ if($(this).scrollTop() >= $('.our-products').offset().top && $(this).scrollTop() = $('.references').offset().top && $(this).scrollTop()

$('.references').offset().top+$('.references').outerHeight() || $(this).scrollTop() >= $('.our-team').offset().top && $(this).scrollTop() = $('.about-us').offset().top && $(this).scrollTop()

$(".logo").addClass('dark'); }

    else{
        $(".logo").removeClass('dark');
    }
});

});

【讨论】: