今日(2019/04/15)の気になったこと
備忘録として。
###作業時の状況
- あらかじめ用意されたコンポーネントを組み合わせてページを作成する業務
- aタグに#が指定されているものをスクロールさせるjsが組み込み済み
- アンカーリンクのtarget用のクラス*が用意されている
アンカーリンク用のクラスが用意されていたのに気付かずhtmlをくんでいて、アンカーリンクの位置がヘッダー分ずれていることに気づいた。
*クラスを付与すると、ネガティブマージンとそれと同じpaddingが付与される仕組み。
-120px;
padding-top:120px;
もともとのスタイルが崩れてしまうため、空div(もしくはsection,articleなど)を追加する必要がある。
htmlの構造としてよくないのではと思ったが、jsで高さ分移動位置をずらすのは面倒なのだろうか。。
個人的にネガティブマージンは好きじゃないから、私としてはjsの方がいいと思うけどな。
明日コンポーネント作成者に理由を聞いてみます。
####お知らせ
- web情報発信収集等のtwitter始めました@YusaTech
- Inside Frontend #3参加します
#####今日の作業用BGM
ゆるふわギャング "Dippin' Shake"
https://youtu.be/bARY2QkVLv4
今更聴き始めたけどめちゃかっこいいし作業も捗る