๐JavaScript[Easy Way]๋ฅผ ์ฌ์ฉํ์ฌ ์์ชฝ์ผ๋ก ๋ถ๋๋ฝ๊ฒ ์คํฌ๋กคํฉ๋๋ค.
1672 ๋จ์ด webdevprogrammingjavascriptbeginners
ํ๊ด๐
์ด ๊ฐ์ข์์ ์์ํ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ฌ์ฉํ์ฌ ํ์ด์ง๋ฅผ ๋งจ ์์ ๋ถ๋๋ฝ๊ฒ ์ถ๊ฐํ๋ ๋ฐฉ๋ฒ์ ๋ณด์ฌ ๋๋ฆฌ๊ฒ ์ต๋๋ค.
Scroll to top buttons allow users to quickly return to the top of a webpage with a single click. This can be very useful when the page has a lot of content.
scrollToTop()
ํจ์๋ฅผ ๋ง๋ญ๋๋ค.function scrollToTop(){
// all JavaScript will go here
};
scrollToTop()
ํจ์์์ ์ฐฝ์ ์ ๋ฌํฉ๋๋ค.scrollTo() ๋ฉ์๋์๋ ๋ ๊ฐ์ ๋งค๊ฐ๋ณ์ ์ขํ์ ๋์์ด ์์ต๋๋ค.function scrollToTop() {
window.scrollTo({
top: 0,
behavior: 'smooth'
})
}
behavior:'smooth'
๋ก ์ฝ๊ฒ ์์ฑํ ์ ์๋ค.์ ์ธ ์ ์ง ๋ฐ ์ธ์ฝ๋ฉ๐
Reference
์ด ๋ฌธ์ ์ ๊ดํ์ฌ(๐JavaScript[Easy Way]๋ฅผ ์ฌ์ฉํ์ฌ ์์ชฝ์ผ๋ก ๋ถ๋๋ฝ๊ฒ ์คํฌ๋กคํฉ๋๋ค.), ์ฐ๋ฆฌ๋ ์ด๊ณณ์์ ๋ ๋ง์ ์๋ฃ๋ฅผ ๋ฐ๊ฒฌํ๊ณ ๋งํฌ๋ฅผ ํด๋ฆญํ์ฌ ๋ณด์๋ค https://dev.to/chetan_atrawalkar/smooth-scroll-to-top-functionality-using-javascript-easy-way-15m1ํ ์คํธ๋ฅผ ์์ ๋กญ๊ฒ ๊ณต์ ํ๊ฑฐ๋ ๋ณต์ฌํ ์ ์์ต๋๋ค.ํ์ง๋ง ์ด ๋ฌธ์์ URL์ ์ฐธ์กฐ URL๋ก ๋จ๊ฒจ ๋์ญ์์ค.
์ฐ์ํ ๊ฐ๋ฐ์ ์ฝํ ์ธ ๋ฐ๊ฒฌ์ ์ ๋ (Collection and Share based on the CC Protocol.)
์ข์ ์นํ์ด์ง ์ฆ๊ฒจ์ฐพ๊ธฐ
๊ฐ๋ฐ์ ์ฐ์ ์ฌ์ดํธ ์์ง
๊ฐ๋ฐ์๊ฐ ์์์ผ ํ ํ์ ์ฌ์ดํธ 100์ ์ถ์ฒ ์ฐ๋ฆฌ๋ ๋น์ ์ ์ํด 100๊ฐ์ ์์ฃผ ์ฌ์ฉํ๋ ๊ฐ๋ฐ์ ํ์ต ์ฌ์ดํธ๋ฅผ ์ ๋ฆฌํ์ต๋๋ค