비망록: 고정 헤더가 있을 때의 앵커 링크

오늘(2019/04/15)의 신경이 쓰인 것
비망록으로서.

작업시 상황


  • 미리 준비된 컴퍼넌트를 조합해 페이지를 작성하는 업무
  • a 태그에 #이 지정된 것을 스크롤 시키는 js가 짜넣어
  • 앵커 링크의 target용의 클래스 *가 준비되어 있다

  • 앵커링크용의 클래스가 준비되어 있었는데 눈치채지 못하고 html을 쿤하고 있어, 앵커링크의 위치가 헤더분할되어 있는 것을 깨달았다.
    * 클래스를 부여하면, 네거티브 마진과 그것과 같은 padding이 부여되는 구조.margin-top:-120px;
    padding-top:120px;
    원래의 스타일이 무너져 버리기 때문에, 하늘 div (혹은 section, article등)를 추가할 필요가 있다.
    html의 구조로서 좋지 않은 것이라고 생각했지만, js로 높이분 이동 위치를 어긋나는 것은 귀찮은 것일까. .
    개인적으로 네거티브 마진은 좋아하지 않기 때문에, 나로서는 js가 좋다고 생각하지만.
    내일 구성 요소 작성자에게 이유를 들어보십시오.

    공지


  • 웹 정보 발신 수집 등의 twitter 시작했습니다

  • @YusaTech 가입

  • 오늘 작업용 배경 음악

    유루후와 갱 "Dippin' Shake"
    Inside Frontend #3
    지금 듣기 시작했지만 멋지고 작업도 좋다

    좋은 웹페이지 즐겨찾기