스티키메뉴

1. 스크롤 양 얻기

HTML
CSS

<p>Hello</p>
p {

jQuery
Vanilla
리팩토링
$(window).scroll(function () {
const win = window;
const win = window;

2. 요소의 위치얻기
HTML
CSS
<p>Hello</p>
* {

jQuery
Vanilla
var p = $('p:last');
var lastP = document.getElementsByTagName('p')[1];

3. 스티키메뉴
3.1. clone 활용
지시문
HTML
CSS
JQ
JS
완성화면
탑버튼을 만들어보자
<!DOCTYPE html>
@charset "UTF-8";
$(function () {
document.addEventListener('DOMContentLoaded', function () {

3.3. class활용
지시문
HTML
CSS
jQuery
완성화면
<div class="wrap">
h1,
 <script src='https://code.jquery.com/jquery-3.6.0.min.js'></script>
$(function () {
목차
3.1. clone 활용
3.3. class활용

스티키메뉴

1. 스크롤 양 얻기

2. 요소의 위치얻기

3. 스티키메뉴

3.1. `clone` 활용

3.3. `class`활용