The problem of Rolling Penetration of iOS Mobile phone on Mobile

problem description

added css attribute:-webkit-overflow-scrolling: touch;

clipboard.png

clipboard.png

it is relatively smooth to slide inside the pop-up box, but after sliding to other positions in the pop-up box, you can change the password or change the inside of the phone"s pop-up box, and suddenly find that you can"t slide any more. After a few seconds, you can slide. I wonder if this is a slide through?

dome link address: link description

the environmental background of the problems and what methods you have tried

the environmental background of the problem: change the password inside the pop-up box or change the inside of the mobile phone pop-up box, first slide the outside of the pop-up box for a few seconds, and then slide inside the pop-up box, and suddenly find that you can"t slide. You need to wait for about 1 second before you can slide.

try to do something to prevent event penetration; it is found that it is still unable to solve

related codes

/ / Please paste the code text below (do not replace the code with pictures)

.sameBox {

position: absolute;
left: 0;
top: 40px;
width: 100%;
height: 235px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;

}

what result do you expect? What is the error message actually seen?

on the iOS phone, it slides smoothly regardless of the slide frame inside and out; it will not suddenly fail to slide for about 1 second

Nov.08,2021

you can use the better-scroll library


to provide a view, but I don't know if it can solve your problem, that is, move down 1px at the beginning of your switch, and use js to document.documentElement.scrollTop (- 1). The advantage is that what you click will not be penetrated.
of course, I did not check whether the js statement is correct, you can Baidu js scroll specific code.


has this problem been solved? the same problem has been encountered at present

Menu