我正在嘗試在屏幕末尾對(duì)齊按鈕，這樣即使我滾動(dòng)背景列表，按鈕仍應(yīng)保留在屏幕底部。我嘗試過(guò)但無(wú)法弄清楚這一點(diǎn)。請(qǐng)任何人幫助我這樣做。這就是我的屏幕的樣子。現(xiàn)在，滾動(dòng)時(shí)它總是出現(xiàn)在屏幕中間。這是我的代碼<Link to={"/checkout-summary"}> <div className="checkoutbtn"> <Button style={{ boxShadow: "none", borderRadius: "0px", position: 'absolute', bottom: 0 }} variant="contained" color="primary" > Check Out </Button> </div> </Link>
2 回答
幕布斯6054654
TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超7個(gè)贊
將頁(yè)腳固定到底部
import { makeStyles } from '@material-ui/core/styles';
const useStyles = makeStyles(theme => ({
footer: {
position: 'fixed',
bottom: 0,
width: '100%',
height: 60,
textAlign: 'center'
}
}));
const classes = useStyles();
<Link to={"/checkout-summary"} className={classes.footer}>
神不在的星期二
TA貢獻(xiàn)1963條經(jīng)驗(yàn) 獲得超6個(gè)贊
import { styled } from '@mui/system';
const MyMessageBox = styled('div')({
position: 'fixed',
bottom: 0,
width: '100%',
height: 60,
textAlign: 'center',
});
<MyMessageBox>Contents inside this will be shown at the bottom of the page</MyMessageBox>
- 2 回答
- 0 關(guān)注
- 121 瀏覽
添加回答
舉報(bào)
0/150
提交
取消