iOS の Safari で Sticky (スクロール固定) 要素がカタカタしてお困りの時は | WP-E (仮)
スクロール位置に応じて画面内に固定されたりされなくなったり、そんな要素を Sticky 要素と呼んだりします。スクロールをトリガーに CSS の position プロパティを切り替えて実装するのが一般的なやり方と思いますが、iOS の Mobile Safari だけはスクロールを一度止めるまで position の変更が反映されない現象が起こります。 文字で説明しても全く分からない気がしていますので、次の画像を御覧ください。 こんな感じで一度スクロールをやめるまで、position: fixed に切り替わって上部に固定されるはずのその要素はまるで応答無く画面外へと消えていきます。メニューを使った例ですが、メニューでなくとも同様です。これは PC ブラウザや Android 端末では発生せず、スクロールイベントの実行頻度を下げたり、Passive Event Listeners を用い
【追記・訂正あり】【試してみた】BrowserSyncが2.0.1にバージョンアップしてた【超絶進化が止まらない】 | WP-E (仮)
Facebook上でこの投稿をしたのが2/17だったのですが、今日（まだその4日後ですよ…）見たらバージョンが2.2.1になっていましたw 事程左様にものすごく頻繁にバージョンアップが行われています。バグフィックスもありますが、機能追加も含めてどんどん仕様も変化しますので、ケースによってはバージョンアップ後に動作しなくなる可能性もあります。その時は焦らずに npm install [email protected] --save-dev のようにバージョンを指定してインストールすることが可能ですのでお試しください（package.jsonからインストールしている場合はpackage.jsonの記述を書き換えましょう）。 2015.2.12 追記 souさんから 正式にはBrowserSync（ハイフンなし）だよって某氏が突っ込んでましたw というツッコミをいただいたので表記を訂正しました。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
