首页 > 解决方案 > React.JS 奇怪的错误:按钮随滚动而移动

问题描述

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

      <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>

标签: javascriptreactjsuser-interface

解决方案


推荐阅读