본문 바로가기

pageYOffset1

나의 첫 웹사이트 만들기_(3) 코드 🔽 https://github.com/Bluishhot-Star/WEB/tree/master/Firstpage 이번에는 JS를 처음으로 적용시켜보았다. 아직 react나 vue를 다뤄보지 않아서 vanilla JS로만 구현을 해볼 예정이다. 그 처음으로 스크롤을 한 번에 올려주는 버튼을 만들어보았다. Back-to-top 버튼 화살표 아이콘은 FontAwesome에서 가져왔다. https://fontawesome.com/icons 화살표 뒤의 둥근 원에는 position: fixed 를 적용해서 문서의 흐름을 벗어나게 하였고, z-index: 999로 최상단에 위치하도록 했다. 버튼::after에는 다음과 같이 적용을 해주어서 아이콘을 적용했다. #backtotop::after{ content : .. 2022. 2. 25.

이전 1 다음

티스토리툴바