chrome浏览器PC端如何设置滚动条效果和ios移动端滚动效果一样

Question

看到别人的浏览器可以这样设置，同时PC端还能上拉和下拉，感觉好神奇，怎么设置的

Answer 1

其实不是代码问题，在mac下有一个设置defaults write -g NSScrollViewRubberbanding -int 0，设置之后chrome浏览器可以在底部可以下拉拖动，在顶部可以像移动端一样上拉

Answer 2

js touch事件，等下写一个简单的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)`
    })

Answer 3

iscroll.js,mescroll.js了解一下