前提・実現したいこと
Bootstrap4のカルーセルを使って
iPhoneでのスライドの切り替えをなめらかな動きにしたい
発生している問題・エラーメッセージ
Bootstrap4のカルーセルを使用しているのですが、
PC・Androidでは、右から左へ流れるように動くスライドがiPhoneで動きません。
流れるアニメーションがショートカットされて表示されている感じです。
Bootstrap日本語リファレンスのカルーセルのページをiPhoneで見てみたのですが
こちらもアニメーションがなく、パッパッと切り替わるような動きになっていました。
Bootstrapのカルーセルでは、iPhoneでの流れる動作は諦めるしか無いのでしょうか。
どなたかご存じの方がいらっしゃいましたら、教えて頂けますでしょうか。
該当のソースコード
<!-- ▼カルーセル部分 --><div id="carousel1" class="carousel slide" data-ride="carousel">
<!-- ▼カルーセルインジケータ --> <ol class="carousel-indicators">
<li data-target="#carousel1" data-slide-to="0" class="active"></li>
<li data-target="#carousel1" data-slide-to="1"></li>
<li data-target="#carousel1" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<img src="img/image-01.png" alt="" class="d-block w-100">
</div>
<div class="carousel-item">
<img src="img/image-02.png" alt="" class="d-block w-100">
</div>
<div class="carousel-item">
<img src="img/image-03.png" alt="" class="d-block w-100">
</div>
</div>
補足情報(FW/ツールのバージョンなど)
Bootstrapのバージョンは4.4.1
iPhoneで確認したブラウザはSafariとChromeです。(どちらもアニメーションはなしでした)
あなたの回答
tips
プレビュー