javascript - Material UI Collapse 从页面顶部滑动
问题描述
正如标题所说,我希望 Collapse 从这个演示中的某个点滑动:https ://codesandbox.io/s/material-demo-forked-ienlu?file=/demo.js但它从顶部向下滑动这页纸。下面是我的代码...
export default function Bill(){
const classes = useStyles()
const [showBillHistory, setShowBillHistory] = useState(false)
function toggleShowBillHistory(){
setShowBillHistory(!showBillHistory);
}
return(
<div align="center">
<AppBar className = {classes.appBar_root} position="static">
<Toolbar>
<Typography align="center" variant="h6" className={classes.title}>
View and Download Previous Bill Details <IconButton onClick={toggleShowBillHistory}>< SystemUpdateAlt style={{color:"white"}} /></IconButton>
</Typography>
</Toolbar>
</AppBar>
<div>
<Collapse in={showBillHistory}>
<Paper>
<Typography align="center" variant="h6" className={classes.title}>
View and Download Previous Bill Details
</Typography>
</Paper>
</Collapse>
</div>
</div>
);
}
解决方案
推荐阅读
- c++ - 尽管出现错误,glDebugMessageCallback 不会被调用
- exasolution - 在 Exasol DB 中触发
- spinner - Angular 8:如何根据 HTTP 响应仅在不同路由器出口上的特定组件上显示加载器/微调器?
- c++11 - 如何从 boost::optional 中获取指针?
- macos - Transporter Build to iTunes Connect 问题
- javascript - 像 SQL 内连接一样连接两个对象
- android - 如何在不向用户显示的情况下将一些片段推送到 back_stack
- ruby-on-rails - 为什么 Rails 5.2 cookie 无法到达开发环境中的浏览器?
- javascript - 在javascript中接受数字十进制输入
- javascript - webusb - DOMException:访问被拒绝