비망록: 고정 헤더가 있을 때의 앵커 링크
비망록으로서.
작업시 상황
앵커링크용의 클래스가 준비되어 있었는데 눈치채지 못하고 html을 쿤하고 있어, 앵커링크의 위치가 헤더분할되어 있는 것을 깨달았다.
* 클래스를 부여하면, 네거티브 마진과 그것과 같은 padding이 부여되는 구조.
margin-top:-120px;
padding-top:120px;
원래의 스타일이 무너져 버리기 때문에, 하늘 div (혹은 section, article등)를 추가할 필요가 있다.html의 구조로서 좋지 않은 것이라고 생각했지만, js로 높이분 이동 위치를 어긋나는 것은 귀찮은 것일까. .
개인적으로 네거티브 마진은 좋아하지 않기 때문에, 나로서는 js가 좋다고 생각하지만.
내일 구성 요소 작성자에게 이유를 들어보십시오.
공지
@YusaTech 가입
오늘 작업용 배경 음악
유루후와 갱 "Dippin' Shake"
Inside Frontend #3
지금 듣기 시작했지만 멋지고 작업도 좋다
Reference
이 문제에 관하여(비망록: 고정 헤더가 있을 때의 앵커 링크), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/yusasabi/items/5988bff93aee543a5c18텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)