Vue.jsで固定ヘッダ、トップへスクロールボタン - Qiita
jQueryなるべく使いたくないですね。Vue.jsでなんとかしましょう。 DEMO スクロールイベントを取る mounted内に仕込みます。 document.onscroll = (e) => { this.position = document.documentElement.scrollTop || document.body.scrollTop; } これで、html側に、position変数を使った条件分岐を直接入れることが出来ます。 アニメーションヘッダ v-bind:classを使って、クラスをトグルします。 下記のように書くと、positionが0以上の時に、stickyクラスが付加されます。
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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
