美文网首页
使用 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