[英]sticky footer not staying at the bottom after I scroll
https://codesandbox.io/s/jp82jl853v
sportsEditTabContentFooter: {
position: "fixed",
left: 0,
bottom: 0,
width: "100 %",
backgroundColor: "red",
color: "white",
textAlign: "center"
},
<div className={classes.sportsEditTabContentFooter}>
<div>sports Status</div>
<div>
<Button variant="outlined" className={classes.button}>
Cancel
</Button>
<Button
variant="outlined"
onClick={this.savesports}
className={classes.button}
>
Save sports test
</Button>
</div>
</div>
查看代碼后,您似乎尚未將position:sticky應用於div。 如果添加,您應該注意到它粘在您放置的位置。
.RecipeReviewCard-sportsEditTabContentFooter-649 {
left: 0;
width: 100%;
color: white;
bottom: 0;
text-align: center;
background-color: red;
position: sticky;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.