Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript React.JS奇怪的错误:按钮随着滚动而移动_Javascript_Reactjs_User Interface - Fatal编程技术网

Javascript React.JS奇怪的错误:按钮随着滚动而移动

Javascript React.JS奇怪的错误:按钮随着滚动而移动,javascript,reactjs,user-interface,Javascript,Reactjs,User Interface,我正在创建一个react.js hackathon项目,该项目将在12小时内完成。我正在尝试为医院创建一个医疗计划。不幸的是,我的表单的按钮正在移动,并跟随用户的上下滚动。 这是我的密码: <StickyFooter bottomThreshold={50} normalStyles={{ backgroundColor: "#50E3C2", padding: "1rem" }} stickyStyles

我正在创建一个react.js hackathon项目,该项目将在12小时内完成。我正在尝试为医院创建一个医疗计划。不幸的是,我的表单的按钮正在移动,并跟随用户的上下滚动。 这是我的密码:

      <StickyFooter
      bottomThreshold={50}
      normalStyles={{
      backgroundColor: "#50E3C2",
      padding: "1rem"
      }}
      stickyStyles={{
      backgroundColor: "rgba(255,255,255,.8)",
      padding: "2rem"
      }}>
    <Form onSubmit={this.onSubmitBack}>
     <Button outline className="backButton" size="lg">Back</Button>
    </Form>
    <Form onSubmit={this.onSubmit}>
     <Button outline className="proceedButton" 
     size="lg">Proceed</Button>
    </Form>
    </StickyFooter>

返回
继续

听起来更像是css问题,我不确定这是否是问题所在,因为我没有为按钮编码css。您使用的组件是您自己的还是来自某个库?如果是后者,请尝试通过github联系开发人员?或者看看是否已经有问题了。另外,尝试检查“重影”元素和原始元素,以了解发生了什么。它来自react.js库。我想我已经解决了这个问题:我正在使用StickyFooter,这意味着页脚的所有组件都遵循用户的滚动。我想知道是否有其他类型的页脚可供使用?@nikpap pap您可以在不到5分钟内自己制作页脚