CSS: Vô hiệu hóa hiệu ứng thoát cho cuộn trên iOS 13

Trong ghi chú phát hành Safari 13 , có tuyên bố rằng không còn cần phải áp dụng những điều sau đây cho một yếu tố để kích hoạt hiệu ứng cuộn nảy:

div {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch; /* No longer needed */
}

Tuy nhiên, bây giờ tôi không còn có thể vô hiệu hóa hiệu ứng này với đoạn mã sau:

div {
  overflow-x: scroll;
  -webkit-overflow-scrolling: auto;
}

Tôi cần điều này cho một băng chuyền tôi đang làm việc. Bất kỳ ý tưởng về cách khắc phục nó? Cảm ơn!

— Ood
nguồn

bạn đã thử thêm scroll-snap-type:nonetôi không chắc nó có hoạt động không nhưng nếu việc thoát bị gây ra bởi cuộn-snap có thể dừng nó.

— Barkermn01

Hãy thử giải pháp này. Có thể đấy. bram.us/2016/05/02/10

— MTBthePRO

@MartinBarker không may cuộn kiểu snap-snap không thay đổi hành vi "overscroll" ...

— Ood

@MTBthePRO Giải pháp này cũng không còn hoạt động nữa ...

— Ood

@Ood Bạn đã tìm được giải pháp nào chưa? Hãy chia sẻ.

— VAdaihiep

Câu trả lời:

Tôi nghĩ bạn nên cố gắng thay đổi bằng cách sử dụng thuộc tính tràn mà trong Safari chặn hành vi cuộn nảy. Để làm điều đó trong bộ chứa chính của div cuộn của bạn, bạn phải đặt:

overflow: hidden;

và sau đó trong div của bạn thiết lập một cái gì đó như thế này:

div {
  overflow: auto;
}

— bertonc96
nguồn

Tôi đã thử điều này và không may nó không hoạt động nữa. :(

— Ood

-1

Tôi không biết nếu tôi thực sự hiểu điều này đúng, nhưng ở đây nó đi! :)

Bạn có thể xóa dòng mã đó khỏi tập tin của bạn không?

Bạn cũng có thể thử viết -webkit-overflow-scrolling: auto; !important

Hy vọng điều này sẽ giúp:

— người nào
nguồn

Thật không may -webkit-overflow-scrolling dường như không hoạt động nữa ...

— Ood

Tìm thấy cái này, không chắc đây có phải là thứ bạn cần không nhưng đáng để thử: github.com/lazd/iNoBounce

— JolandaK