Q&A
一概には言えませんが、問題発生時に「仕様の問題」よりも「誤ったコード設定」の場合が多いので、症状が再現する関連コードを提示されると、回答がつきやすいと思います。
質問失礼します。
現在制作中のスマホ用のサイトでanimate.cssを利用しているのですが、fadeInRightを使用すると、画面が俯瞰され右側からfadeInRightを与え要素が入って来る瞬間が見えるようになってしまいます。
viewportは下記のコードでbodyのwidthを750pxでスマホサイトを制作しています。
<meta name="viewport" content="width=device-width,user-scalable=0">
animate.cssのfadeInRightを使用しても画面が俯瞰されず通常通り使用できる方法はあるのでしょうか？
それともそういった仕様なので諦めるしかないのでしょうか？
できる限り調べましたがこんな時間になっても解決しなかったのでどなたかお知恵を貸していただけると助かります。
よろしくお願いします。
コメントありがとうございます。特にPCの方では通常通り動いているのですが、さんこうにしたサイトはこちらです。https://qiita.com/tiwu_official/items/989834406c25deccee8b
「仕様の問題」が明白であればコードは不要ですが、「誤ったコード設定」の場合は、コードの検証が必要になります。症状が再現可能なコードを提示されないと、検証が誰も出来ませんので、関連コードを提示されると、回答がつきやすいと思います。
回答1件
0
ベストアンサー
fadeInRight を指定した要素を包括する要素に overflow: hidden を指定してみても直りませんか？
投稿2018/08/02 22:43
総合スコア484
takopo様
ご解答ありがとうございます。
overflow: hiddenそ指定したところ解決しました！
overflow: hidden便利ですね☆
大変勉強になりました！
ありがとうございました！！
あなたの回答
tips
プレビュー
