antd的Anchor在滚动时改变URL

Anchor组件是antd的一个锚点导航组件，可以通过设置href属性和title属性来给导航设置链接和显示文本。当页面滚动时，可以通过将Target组件的标识符传递给Anchor组件来实现滚动到指定的Target组件。

关于URL的改变，当设置了href属性时，Anchor组件会自动将当前页面的URL切换到该链接所指向的URL，从而实现在页面中添加了相应的锚点。

希望以上回答对你有所帮助。

相关问题

antd的Anchor滚动时改变URL

，怎么实现？

可以使用Antd提供的Anchor组件，并在对应的锚点处设置href属性为对应的URL。当滚动到该锚点时，URL会自动改变。示例代码如下：

import { Anchor } from 'antd';
const { Link } = Anchor;

<Anchor affix={true}>
  <Link href="#section1" title="Section 1" />
  <Link href="#section2" title="Section 2" />
  <Link href="#section3" title="Section 3" />
</Anchor>

其中，affix属性可以让锚点组件固定在顶部，便于用户查看和切换。

antd table 表格滚动条固定在底部

要使 antd 的表格滚动条固定在底部，可以设置 `scroll={{ y: 'calc(100vh - 300px)' }}`，其中 `100vh` 是视口高度，`300px` 是表格头和底部分页器的高度之和。

具体实现如下：

import React from 'react';
import { Table } from 'antd';

const dataSource = [
  {
    key: '1',
    name: 'Mike',
    age: 32,
    address: '10 Downing Street',
  },
  {
    key: '2',
    name: 'John',
    age: 42,
    address: '10 Downing Street',
  },
  // ...
];

const columns = [
  {
    title: 'Name',
    dataIndex: 'name',
    key: 'name',
  },
  {
    title: 'Age',
    dataIndex: 'age',
    key: 'age',
  },
  {
    title: 'Address',
    dataIndex: 'address',
    key: 'address',
  },
  // ...
];

const App = () => {
  return (
    <div style={{ height: '100vh' }}>
      <Table
        dataSource={dataSource}
        columns={columns}
        pagination={false}
        scroll={{ y: 'calc(100vh - 300px)' }}
      />
    </div>
  );
};

export default App;

上面的代码将会使表格的纵向滚动条固定在距离视口底部 `300px` 的位置。你可以根据实际需求来调整这个值。