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!


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;
}

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:


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
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.