使用 sticky 实现固定功能&外层使用border-radi
2020-06-29 本文已影响0人
前端技师胡帅博
![](https://img.haomeiwen.com/i18496484/6873bbecb1fe7db9.png)
需求如上图,一个底部弹窗,红框区域固定,下方的银行列表滚动
一开始用 fixed,不行
搜了一下从未用过的 sticky,官网看了下描述,看不懂,直接复制代码,搞定
代码如下
![](https://img.haomeiwen.com/i18496484/89cac306b8a9e3be.png)
外层使用border-radius内层还是矩形
解决:在外层加上overflow: hidden
需求如上图,一个底部弹窗,红框区域固定,下方的银行列表滚动
一开始用 fixed,不行
搜了一下从未用过的 sticky,官网看了下描述,看不懂,直接复制代码,搞定
代码如下
外层使用border-radius内层还是矩形
解决:在外层加上overflow: hidden