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

8

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
2
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:

1

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
1
Encontrado este, não tenho certeza se é isso que você precisa, mas vale a pena tentar: github.com/lazd/iNoBounce
JolandaK