美文网首页
PC端隐藏Y滚动条方法总结

PC端隐藏Y滚动条方法总结

作者: easonR | 来源:发表于2019-05-15 10:51 被阅读0次

    转自:https://blog.csdn.net/weixin_41804384/article/details/80666052

    /*webkit内核*/
    .scroll_content::-webkit-scrollbar {
        width:0px;
        height:0px;
    }
    /*o内核*/
    .scroll_content .-o-scrollbar{
        -moz-appearance: none !important;   
        background: rgba(0,255,0,0) !important;  
    }
    /*IE10,IE11,IE12*/
    .scroll_content{
        -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;
    }
    /*火狐需要JQ实现*/
    <script src="lib/jquery.min.js"></script>
    <script src="lib/jquery.nicescroll.min.js"></script>
    $(function(){
        $(".scroll_content").niceScroll({cursorborder:"",cursorcolor:"rgba(0,0,0,0)",boxzoom:true});
    })
    

    相关文章

      网友评论

          本文标题:PC端隐藏Y滚动条方法总结

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