javascript - Comment désactiver l'effet élastique qui apparaît sur Sarafi et IE du côté mobile

Question

Dans le navigateur Safari sur iOS, lorsque la page Web défile vers le haut, vous pouvez faire défiler une autre distance comme un élastique et rebondir après l'avoir lâchée. Cet effet existe également sur les tablettes Windows.

Veuillez me dire comment désactiver cet effet en utilisant CSS, car cela affecte souvent le défilement à l'intérieur de la page. Autant que je sache, il existe un attribut CSS qui peut être utilisé.

Lequel est-ce ?

为情所困 · Answer

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

La version mobile élimine l'effet élastique en bloquant l'événement par défaut, mais il y a un inconvénient. L'événement par défaut est bloqué, on ne peut pas cliquer sur une étiquette et la page doit simuler une barre de défilement

.