javascript – So deaktivieren Sie den Gummibandeffekt, der auf Sarafi und IE auf der mobilen Seite erscheint

Question

Im Safari-Browser unter iOS können Sie, wenn die Webseite nach oben gescrollt wird, wie ein Gummiband um eine weitere Strecke scrollen und nach dem Loslassen wieder zurückspringen. Dieser Effekt besteht auch auf Windows-Tablets.

Bitte sagen Sie mir, wie ich diesen Effekt mithilfe von CSS deaktivieren kann, da er häufig das Scrollen innerhalb der Seite beeinträchtigt. Soweit ich weiß, gibt es ein CSS-Attribut, das verwendet werden kann.

Welches ist es?

Answer 1

document.addEventListener('touchStart',function(e){
            e.preventDefault();
        })

移动端是通过阻止默认事件来消除橡皮筋效果，不过有个坏处，默认事件被阻止，a标签不能点击，页面要模拟滚动条