animetedmodalとは何でしょうか？(モバイル表示で横ブレ)

PR 2018/2/6

このトピックには4件の返信、1人の参加者があり、最後にかうたっくにより8年、 6ヶ月前に更新されました。

4件の返信スレッドを表示中

投稿者

投稿
- 2018年2月4日 1:08 AM #58558
  
  pandametal
  ゲスト
  
  モバイル表示時に横ブレ(横スクロール)が生じてしまいます。#main{overflow:hidden;}とすることで回避していたのですが、冷静に考えたら、横にはみ出している要素がなければ横にスクロールする必要はないはずですよね。
  
  Chromeのデベロッパーツールでモバイル表示時によこにはみ出している領域を見てみたところ、「#animatedmodal」という領域だったのですが、これはなんだか分かりますか？
  他の方のブログを見てもそのような領域はないようですし、これがSimplicityに由来するものなのかどうかすら分からなくて困っているのですが・・・(*_*;
  
  これが何なのか、これが自分のだけそうなっている理由、また、この横にはみ出してしまう部分を無くす方法等、何かヒントがあれば頂けるととてもありがたく、よろしくお願いします。
  
  モバイル表示にすると横（右）によけいな空間があり、よこにぶれてしまいます
  ↓
  https://pandametal.xsrv.jp/wp/27456.html
- 2018年2月4日 1:44 AM #58559
  
  pandametal
  ゲスト
  
  自分で観ていて気が付きました、「animatedmodal」はモバイルメニューに関するモノのようですね。モバイルメニューのタイプがモーダルになっていたので、アコーディオン(デフォルト）に戻したところ、今度ははみだている領域事態がChromeのデベロッパーツールで選択できなくなってしまいました・・・orz
  HTMLの領域より外に領域があるようですが・・・(*_*;
- 2018年2月4日 6:33 AM #58560
  
  かうたっく
  ゲスト
  
  記事下のウィジェットに入ったモバイル用の広告に-28pxのmarginが入ってるようです。
  
  HTMLタグにスタイル属性が入ってます。border-width:1px 0;border-color:silver;border-style:solid/*double*/;margin:-1em -28px 0;padding:17px 0
  
  margin:-1em -28px 0;
  
  この左右marginをなくすとmargin:-1em 0;横揺れがなくなったのを、こちらでは確認できます。
- 2018年2月4日 7:35 AM #58561
  
  pandametal
  ゲスト
  
  治りました！＼(＞o＜)／
  ありがとうございました、自分の凡ミスですね、、、orz
  その部分、何度か気になっては居たのですが・・・結局確認に至っておりませんでしたo(__)o
  ここ1週間の苦労はなんだったのか・・・orz
  
  下らないことでお手数をお掛けして、申し訳ありませんでした・・・m(__)m
- 2018年2月5日 6:58 AM #58565
  
  かうたっく
  ゲスト
  
  ハマる事ってありますよね
  
  無事、解決されたようで良かったです。お疲れさまでした❦
投稿者

投稿