chrome瀏覽器PC端如何設(shè)置滾動(dòng)條效果和ios移動(dòng)端滾動(dòng)效果一樣

iscroll.js,mescroll.js了解一下

js touch事件，等下寫一個(gè)簡(jiǎn)單的demo給你

pc端

<div id="app" style="background: #00B7FF;width:100%;height:500px;transform: translateY(0px);"></div>

    var state = false;
    var last = 0;
    var app = document.getElementById('app')
    app.addEventListener("mousedown",function(e){
        state=true
        last=e.pageY
    })
    app.addEventListener("mousemove",function(e){
        if(state){
            var value = e.pageY-last
            if(value>100)return false;
            app.style.transform = `translateY(${value}px)`
        }
    })
    app.addEventListener("mouseup",function(e){
        state=false
        last=0
        app.style.transform = `translateY(0px)`
    })
    app.addEventListener("mouseout",function(e){
        state=false
        last=0
        app.style.transform = `translateY(0px)`
    })

其實(shí)不是代碼問題，在mac下有一個(gè)設(shè)置defaults write -g NSScrollViewRubberbanding -int 0，設(shè)置之后chrome瀏覽器可以在底部可以下拉拖動(dòng)，在頂部可以像移動(dòng)端一樣上拉