美文网首页
使用 sticky 实现固定功能&外层使用border-radi

使用 sticky 实现固定功能&外层使用border-radi

作者: 前端技师胡帅博 | 来源:发表于2020-06-29 09:49 被阅读0次
image.png

需求如上图,一个底部弹窗,红框区域固定,下方的银行列表滚动

一开始用 fixed,不行

搜了一下从未用过的 sticky,官网看了下描述,看不懂,直接复制代码,搞定

代码如下

image.png

外层使用border-radius内层还是矩形
解决:在外层加上overflow: hidden

相关文章

网友评论

      本文标题:使用 sticky 实现固定功能&外层使用border-radi

      本文链接:https://www.haomeiwen.com/subject/vaanfktx.html