- このトピックには3件の返信、2人の参加者があり、最後ににより6年、 1ヶ月前に更新されました。
4件の投稿を表示中 - 1 - 4件目 (全4件中)
4件の投稿を表示中 - 1 - 4件目 (全4件中)
- このトピックに返信するにはログインが必要です。
タグ: パララックスコンテンツ
Fancie NOTE : Business Editionを使用しています。(バージョン: 1.2.5.4)
ウィジェット として コンテナエリア上部と下部に パララックスコンテンツを設定していますが、パソコンからアクセスした場合は正しくパララックス動作(スクロール)してくれますが、iPadからアクセスした場合はパララックスの動きをしてくれません。
iPhoneなどのスマホからアクセスした時はモバイル用のデザインで表示されますからそもそもパララックスコンテンツは表示されないのでそのような問題は起きませんが、iPadの場合はパソコン同等のデザインのためパララックス動作を期待したのですが、これはどこかに設定等あるのでしょうか?
OSのバージョンと対象のブラウザおよびそのバージョンを明記ください。
iOSバージョン:12.1
Safariバージョン:12
Chromeバージョン:70.0.3538.75
全て現時点の最新バージョンです。
Safariを使用してもChromeを使用しても同様の結果となります。
よろしくお願いします。
iOSのSafariは background-attachment: fixed が効かないバグがあるため、セクションが複数ある要素の背景画像のパララックス効果は根本的に表現できません。
●参考:
https://cunelwork.co.jp/blog/web/bugs-bg-attachment/
※iOSのブラウザアプリであっても、Webページのレンダリングで利用されるAPIの実態はWebkitによるレンダリングですので、いかなるアプリであっても実際にはSafari(Webkit)で表示されるものと同じです。