CSS:iOS 13でスクロールのバウンス効果を無効にする


8

ではSafariの13のリリースノートには、バウンススクロール効果を有効にする要素には以下のものを適用する必要がなくなったことを述べていません。

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

ただし、次のコードでこの効果を無効にすることはできなくなりました。

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

作業中のカルーセルにこれが必要です。それを修正する方法について何か考えはありますか?ありがとう!


2
追加しようとしたことがありますscroll-snap-type:noneか?それが機能するかどうかはわかりませんが、バウンスの原因がスクロールスナップによるもので、停止する場合があります。
Barkermn01

この解決策を試してください。うまくいくかもしれません。bram.us/2016/05/02/...
MTBthePRO

@MartinBarker残念ながらscroll-snap-typeは「オーバースクロール」動作を変更しません...
Ood

@MTBthePROこのソリューションも機能しなくなります...
Ood

@Ood何か解決策を見つけましたか?共有してください。
VAdaihiep

回答:


1

Safariでバウンススクロールの動作をブロックするオーバーフロープロパティを使用して、変更する必要があると思います。スクロールdivの親コンテナーでこれを行うには、設定する必要があります。

overflow: hidden;

そして、あなたのdivに次のように設定します:

div {
  overflow: auto;
}

私はこれを試しましたが、残念ながらそれはもう機能しません。:(
Ood

-1

私がこれを本当に理解しているかどうかはわかりませんが、ここにあります!:)

ファイルからそのコード行を削除できませんか?

あなたも書くことを試みることができます -webkit-overflow-scrolling: auto; !important

これが役に立てば幸い:


残念ながら-webkit-overflow-scrollingはもう機能していないようです...
Ood

1
これが見つかりましたが、これが必要なものかどうかはわかり
JolandaK
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.