React.JS Странная ошибка: перемещение кнопки с прокруткой
Я создаю проект хакатона react.js, срок выполнения которого должен быть меньше 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 для кнопки
Компоненты, которые вы используете, ваши собственные или из какой-то библиотеки? Если второе, попробуйте связаться с разработчиками через их гитхаб? Или посмотрите, есть ли уже проблема по этому поводу. Кроме того, попробуйте изучить элементы «ореолов» и оригинал, чтобы получить представление о том, что происходит.
Это из библиотеки react.js. Думаю, я понял проблему: я использую StickyFooter, что означает, что все компоненты нижнего колонтитула следуют прокрутке пользователя. Мне интересно, есть ли для этого другой тип нижнего колонтитула?
@nikpap pap вы можете сделать нижний колонтитул самостоятельно менее чем за 5 минут
@nikpap не уверен, что делает StickyFooter, но звучит правильно, судя по названию.
проблема в том, что мне нужно, чтобы нижний колонтитул выглядел так, как на первом изображении
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
больше похоже на проблему css