overflow 浏览器兼容问题

改变overflow的样式

Google 浏览器 (一般都是以下写法)

#m3_prize .list {

        width: 480px;

        height: 276px;

        position: absolute;

        left: 45px;

        bottom: 35px;

        overflow-y: scroll;

        overflow-x: hidden;

    }

 

    #m3_prize .list::-webkit-scrollbar {

        width: 3px;

        height: 218px;

 

    }

 

    #m3_prize .list::-webkit-scrollbar-thumb {

        border-radius: 5px;

        -webkit-box-shadow: inset 0 0 5px #ff4343;

 

    }

 

    #m3_prize .list::-webkit-scrollbar-track {

        -webkit-box-shadow: inset 0 0 5px transparent;

        border-radius: 2px;

        background: transparent;

    }

 

IE浏览器无法设置浏览器的宽度、高度，只能隐藏，并不影响滑动

    #m3_prize .list {

        -ms-scroll-chaining: chained;

        -ms-overflow-style: none;

        -ms-content-zooming: zoom;

        -ms-scroll-rails: none;

        -ms-content-zoom-limit-min: 100%;

        -ms-content-zoom-limit-max: 500%;

        -ms-scroll-snap-type: proximity;

        -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);

        -ms-overflow-style: none;

        overflow: auto;

    }