flexboxのバグに立ち向かう（flexboxバグまとめ） - Qiita
注）本文中の「コンテナ」「アイテム」について 本文中でいう「コンテナ」「アイテム」は、flexコンテナとflexアイテムのことを指しています。 コンテナ display: flexや、wrap指定などをする 複数のアイテムを含む アイテム flex: 1 0 0%などの指定をする 1. アイテム潰れる問題（Safari） Chrome Safari 潰れてますね。 起きる条件 Safari なぜ コンテンツの最小サイズを尊重してくれない模様 どうすればいいのか flex-shrinkに0を指定 flex-basisにautoを指定（デフォ値なので、指定がなければそのままでOK） Safari10にて修正済み（つまり、SierraとiOS 10以降では対応不要） 2. align-items:center はみ出す問題 Chrome IE11 はみ出てますね。 起きる条件 IE10-11 f
ヘッダー上部固定でアンカーリンクがずれるのを解消する - CodingMania
aタグに指定のclassが追加されている場合にだけ、同ページ内アンカーリンク、別ページアンカーリンクを指定した高さ分ずらして表示します。 ページ内リンクはaタグにclass="anchorlink"を指定。（これを指定しなかったら動きません） 例）<a class="anchorlink" href="#area01">エリア01</a> 別ページにのアンカー位置にリンクを張りたい場合は、通常の書き方OK! 【2018/10/05改定】 デモページへopen_in_new JSを読み込みます <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script type="text/javascript" src="js/
外部ページへのアンカーリンクでヘッダー固定の場合、リンク先がずれるのを防ぐ | Code Pocket
外部ページへのアンカーリンクでヘッダー固定の場合、リンク先がずれるのを防ぐ 2016/4/1 2016/4/2 JavaScript JSのコード このコードをリンク先のファイルへ貼り付けて下さい。 WordPressなどでヘッダーを共有している場合は、ヘッダーに入れて下さい。 $(window).on('load', function() { var headerHeight = 84; var url = $(location).attr('href'); if(url.indexOf("?id=") != -1){ var id = url.split("?id="); var $target = $('#' + id[id.length - 1]); if($target.length){ var pos = $target.offset().top-headerHeight; $
AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ
AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ AndroidやiPhoneなどのスマートフォンではHTML,CSS,JavaScriptにバグが多くてコーディングが大変になります。そこでバグを紹介しているサイト、記事をまとめてみました。(中にはバグではなく仕様なものもあるかもしれません) iOS 8.4.1の:hover問題 iOS 8.4.1で:hoverを指定していると1タップでページ遷移できない問題 【STINGER5】AndroidのChromeで＆nbsp;が「・」になってる気がする | ビビビッ を に変更すると直るとのこと。 Mobile Safari 8でposition: fixedした擬似要素が完全に位置が固定されない - Weblog - Hail2u.net Mobile Safari 8でposition:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
bootstrap の固定ナビゲーションとページ内アンカー問題 : sonots:blog
g.o.a.t - 縦書き可能なブログサービス
