“ 매주 목요일마다 당신이 항상 하던대로 신발끈을 묶으면 신발이 폭발한다고 생각해보라.
컴퓨터를 사용할 때는 이런 일이 항상 일어나는데도 아무도 불평할 생각을 안 한다. ”- Jef Raskin
맥의 아버지 - 애플컴퓨터의 매킨토시 프로젝트를 주도
끄적이는 퍼블리셔♥
[CSS] 해당영역으로 스크롤 이동 html, css로 간단 만들기 본문
1. a 태그의 href에 해당 영역 아이디값으로 넣어주기
ex)
<a href="#tab1"></a>
<a href="#tab1"></a>
dsfdsfasdfasdfadf
2. 원하는 영역(div에 id 값 같은걸로 넣어주기)
ex)
<a href="#tab1"></a>
<div id="tab1"></div>
3. CSS로 html에 scroll-behavior: smooth; 넣어주기
ex)
html {
scroll-behavior: smooth;
}
* IE에서는 안먹으니 참고 /
'홀로 공부 > HTML, CSS' 카테고리의 다른 글
[CSS]z-index 안먹을때, 제대로 사용법 (0) | 2023.05.23 |
---|---|
[HTML, CSS] display 속성들 헷갈리는거 정리(인라인, 블록, 인라인블록 요소...) (0) | 2023.05.22 |
[HTML] a href="#"와 a href="#none"의 차이 (0) | 2023.05.22 |
[CSS] a태그를 inline-block로 바꿔주면 margin-right가 생김 (0) | 2023.05.22 |
[CSS] CSS 공부 (0) | 2023.05.20 |