Android標準ブラウザでscrollTopが即座に更新されない
window.scrollByを実行した直後 スムーズスクロール系の処理が，Androidで動かないという話があったのでデバッグしました． どうにも，Android 2.xにおける標準ブラウザではwindow.scrollByを実行した後に，document.body.scrollTopがすぐには更新されないみたいでした．20〜50msぐらいのタイマーを挟んであげると意図した値が取得できる感じ． 検証コード 大体こんな感じで検証できるんじゃないかと． $(function() { $('#button').click(function() { var $self = $(this); window.scrollBy(0, -document.body.scrollTop); $self.after('<p>直後に取得: '+document.body.scrollTop+'</p>');
CSS Containment の制約と効能について覚え書き
ある要素内の状態による外界への影響を封じ込めて最適化を促す CSS Containment Module で定義される contain プロパティは will-change と同じようにブラウザが処理を最適化するために開発者から提供できるユーザーエージェント向けヒントとして機能します。 ヒントの目的はcontain の対象要素が親兄弟に影響を及ばさない独立した部分木であることを宣言し、各種の影響を contain の対象要素の中に封じ込めることです。 使うときは contain プロパティに既定の値として用意された size | layout | style | paint | content | strict のいずれかを指定します。content と strict は複合指定のエイリアスなので、本文では size layout style paint の4つについて個々の説明をします。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
