CSS: desativar o efeito de rejeição para rolagem no iOS 13

Nas notas de versão do Safari 13 , é declarado que não há mais a necessidade de aplicar o seguinte a um elemento para ativar o efeito de rolagem de rejeição:

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

No entanto, agora não posso mais desativar esse efeito com o seguinte código:

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

Preciso disso para um carrossel no qual estou trabalhando. Alguma idéia de como consertar isso? Obrigado!

— Ood
fonte

você tentou adicionar scroll-snap-type:noneNão tenho certeza se funcionará, mas se o salto é causado por um snap de rolagem que pode impedi-lo.

— usar o seguinte código

Experimente esta solução. Pode funcionar. bram.us/2016/05/02/...

— MTBthePRO

@MartinBarker infelizmente rolagem-snap-tipo não muda o comportamento "overscroll" ...

— Ood

@MTBthePRO Esta solução funciona também mais longos não ...

— Ood

@Ood Você encontrou alguma solução? Por favor compartilhe.

— VAdaihiep

Respostas:

Eu acho que você deve tentar mudar isso usando a propriedade overflow que no Safari bloqueia o comportamento da rolagem quicando. Para fazer isso no contêiner pai da sua div de rolagem, é necessário definir:

overflow: hidden;

e então em sua div defina algo como isto:

div {
  overflow: auto;
}

— bertonc96
fonte

Eu tentei isso e, infelizmente, ele não funciona mais. :(

— Ood

-1

Não sei se realmente entendi isso corretamente, mas aqui vai! :)

Você não pode simplesmente remover essa linha de código do seu arquivo?

Você também pode tentar escrever -webkit-overflow-scrolling: auto; !important

Espero que isso tenha ajudado:

— alguém
fonte

Infelizmente, o -webkit-overflow-scrolling parece não funcionar mais ... #

— 194 de Ood

Encontrado este, não tenho certeza se é isso que você precisa, mas vale a pena tentar: github.com/lazd/iNoBounce

— JolandaK