AntdAffixoffsetBottom={50}不起作用。
创始人
2024-11-07 09:30:19
0次

在使用Antd Affix时，必须要给定一个offsetBottom值来指定Affix距离底部的偏移量。如果设置了offsetBottom却不起作用，有可能是因为父元素没有设置高度或没有设置overflow属性造成的。

以下是一个示例代码，演示了如何正确使用offsetBottom属性：

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

export default function App() {
  return (
    

      

        
          
        
      

    

  );
}

在上述代码中，我们给父元素设置一个高度为500px，然后给它设置了overflow属性，这样子元素就可以在这个框中滚动。接下来，在这个框中插入一个高度为1000px的元素，并在这个元素中使用Affix来固定一个按钮。通过给Affix设置offsetBottom属性，我们指定了按钮与底部的距离为50px。

这样，我们就可以成功地将按钮固定在父元素的底部了。如果仍然遇到问题，可以检查父元素的样式是否正确设置。

上一篇：Antd<Select/>组件添加了一个额外的下拉菜单元素并通过dropdownRender属性设置了该元素的onClick()事件，但是为什么这个事件没有效果？该如何解决？

下一篇：AntdAnchor的Link与ReactRouter的Link之间的冲突

相关内容

热门资讯

解迷透视!大菠萝免费辅助!原来... 解迷透视!大菠萝免费辅助!原来是真的有辅助攻略(存在有挂)-哔哩哔哩1、进入游戏-大厅左侧-新手福利...
普及透视！德普之星透视辅助软件... 普及透视！德普之星透视辅助软件激活码，德州机器人代打脚本，模块教程（有挂教学）-哔哩哔哩德普之星透视...
关于透视!pokemmo免费脚... 关于透视!pokemmo免费脚本!其实有辅助插件(有挂细节)-哔哩哔哩1.pokemmo免费脚本 选...
必备透视！wepoker国外版... 必备透视！wepoker国外版透视，德州机器人代打脚本，攻略教程（有挂方法）-哔哩哔哩1、完成德州机...
有挂透视!德州局怎么透视!都是... 有挂透视!德州局怎么透视!都是是有辅助软件(有挂方法)-哔哩哔哩1、点击下载安装，德州局怎么透视脚本...
详细透视！黑侠破解wepoke... 详细透视！黑侠破解wepoker，wepoker辅助器软件下载，模板教程（有挂透视）-哔哩哔哩1、该...
教你透视!sohoopoker... 教你透视!sohoopoker辅助!好像存在有辅助攻略(有挂神器)-哔哩哔哩1、进入到sohoopo...
有挂透视！模拟器打开hhpok... 有挂透视！模拟器打开hhpoker，wepokerh5破解，经验教程（有挂方法）-哔哩哔哩1、点击下...
有挂透视!hardrock透视... 有挂透视!hardrock透视工具!都是有辅助插件(有挂工具)-哔哩哔哩hardrock透视工具透视...
教你透视！德州私人局脚本，德普... 教你透视！德州私人局脚本，德普之星的辅助工具介绍，妙招教程（了解有挂）-哔哩哔哩1、进入到德普之星的...