antd-mobile react中让头部固定在页面上的方法

在Ant Design Mobile (antd-mobile) for React 中，要实现顶部导航栏（头部）固定在页面上，你可以使用 `affix` 组件结合 `Header` 组件。下面是一个简单的例子：

import { Header } from 'antd-mobile';
import { Affix } from 'react-affix';

function App() {
  return (
    <Affix offset={60}> {/* 设置头部距离屏幕顶部的高度 */}
      <Header content="固定标题" mode="dark" /> {/* 使用Header组件，mode属性可以设置主题颜色 */}
    </Affix>
  );
}

在这个示例中，`offset` 属性告诉 `Affix` 组件当滚动到屏幕顶部多少像素时，`Header` 应该开始被固定。

如果你需要更复杂的交互，比如动态调整固定高度，可以利用 `window.scrollY` 来监听滚动事件并相应地更新 `offset` 值。