스크롤시 고정되는거요~
본문
$(document).ready(function(){
new WOW().init();
$(window).scroll(function(){
let scrollTop = $(window).scrollTop();
scrollTextMove(scrollTop);
if($(window).width() >= 1024){
$(".mask-image-wrapper").removeClass("off");
scrollImgMove(scrollTop);
}else{
$(".mask-image-wrapper").addClass("off");
}
if(scrollTop > 0){
$("header").addClass("on");
}else{
$("header").removeClass("on");
}
let navHt = $("header").outerHeight() + 20;
let scrollFixContainer = $("section#promiseWrap .info-wrapper.pc");
let scrollFixTarget = $("section#promiseWrap .info-wrapper.pc .info__image-01");
let scrollFixStart = scrollFixContainer.offset().top - navHt;
let scrollFixEnd = scrollFixStart + scrollFixContainer.outerHeight() - scrollFixTarget.outerHeight();
if(scrollTop < scrollFixStart){
scrollFixTarget.removeClass("on").removeClass("bottom");
}else if(scrollTop >= scrollFixStart && scrollTop < scrollFixEnd){
scrollFixTarget.removeClass("bottom").addClass("on");
}else if(scrollTop >= scrollFixEnd){
scrollFixTarget.removeClass("on").addClass("bottom");
}
});
컨텐츠가 스크롤 시 왼쪽박스가 고정되는 스크립트인데요
고정되는걸 하나 더 만들고 싶은데 저 소스 그대로 복사해서 클래스명만 바꾸니깐 안되더라구요~
어떻게 해야하나요? 디자이너에요 알아 먹기 쉽게 코드로 만들어 주심 진짜 감사하겠습니다~~
답변을 작성하시기 전에 로그인 해주세요.
