html+css原生滚动弹窗

.pop{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:100;display:none;width:30.8rem;border-radius:1rem;padding:2.5rem 0 2.4rem;z-index:201;background:#fff;}

.scroll_box::-webkit-scrollbar{width:5px;height:1px;border-radius:10px;background-color:#D9CACA;}
.scroll_box::-webkit-scrollbar-thumb{width:6px;border-radius:10px;background-color:#BB8383;}
.scroll_box::-webkit-scrollbar-track{border-radius:10px;background-color:#D9CACA;}
.jd_pop{position:fixed;top:9%;width:85%;left:8%;z-index:11;display:none;height:42.55rem;background:url(../images/jd_bg.png) center no-repeat;background-size:100% auto;}
.jd_pop .close{width:3rem;height:3rem;position:absolute;bottom:-3rem;left:50%;margin-left:-1.5rem;}
.jd_pop .scroll_box{width:29.35rem;height:33.5rem;margin:0 auto;margin-top:7rem;overflow:scroll;}
.jd_pop .scroll_box .jd_img{width:29.35rem;}

拿走不谢

你可能感兴趣的:(html,css,前端)