JavaScriptとcssに関するhonmaaaxのブックマーク (2)

  • スマホのposition: fixed;で再描画を使って位置ズレを防ぐ - Qiita

    スマホでposition: fixed;を使うと、よくページ進む・戻るボタンで画面遷移をしたときにfixedを指定した要素の位置がズレたりタップ位置がずれたりする。 そういう場合に、以下のような方法で再描画をさせることで位置ズレを解消してあげることができる //// JavaScript (ここでの$はjQueryみたいなもの) var html = $("html"); // pageshowのイベントでhtmlに.do-fixedを付ける window.addEventListener("pageshow", function() { html.addClass("do-fixed"); }, false); // pagehideのイベントでhtmlから.do-fixedを外す window.addEventListener("pagehide", function() { html

    スマホのposition: fixed;で再描画を使って位置ズレを防ぐ - Qiita
  • js で利用する DOM の名前をどうやってつけたらよいのか - おもしろwebサービス開発日記

    js で DOM をゴニョゴニョしたい時、きっと皆さんは id や class で DOM に名前を付けて、その名前を利用して js の処理を書いていると思います。 例えば<input type="button" class="update" value="更新" />のようなボタンがあったとして、 js 側で更新処理を書くときには下記のように書きます。 $('.update').on('click', function () { // update 処理 }) でもこれだと問題になるケースがあります。よくあるのが、マークアッパーとフロントエンジニアが分業していて、マークアッパーがデザインのために class 名を変えてしまい js が動かなくなるパターン。分業せずに一人で全部やってたとしても、時間が経つにつれ使っている class 名が js だけで使っているのか、css でも使っている

    js で利用する DOM の名前をどうやってつけたらよいのか - おもしろwebサービス開発日記
    honmaaax
    honmaaax 2013/03/04
    やっぱみんな悩むよねー。うちもjsプレフィックス付きclassにした。jsperfで見たらdata属性より20倍くらい早かった気がする。
  • 1