scrollTop 제이쿼리
높은 목표를 세우고, 스스로 채직질 한다.
애초에 기대를 하니, 배신을 당하는 것이다.
나는 김근육, 올해로 9수다.
큰 시련 끝에 보상이 무조건 있지는 않는다.
다섯 명중 한명은 무조건 쓰레기다.
노력만으로 안되는 일이 있을 수 있다.
성격만 좋으면 된다는 말은 다 거짓말이다.
큰 복수심은 자기자신을 부슨다.
사람은 아무리 착해 보여도 어두은 면은 언제나 존제한다.
$(window).scroll(function(){
const scrollTop = $(window).scrollTop() +$(window).height()/2;
//console.log(scrollTop)
$(".scrollTop").text(scrollTop);
//$(".s1OT").text(parseInt($("#section1").offset().top));
//$(".s2OT").text(parseInt($("#section2").offset().top));
//$(".s3OT").text(parseInt($("#section3").offset().top));
//$(".s4OT").text(parseInt($("#section4").offset().top));
//$(".s5OT").text(parseInt($("#section5").offset().top));
//$(".s6OT").text(parseInt($("#section6").offset().top));
//$(".s7OT").text(parseInt($("#section7").offset().top));
//$(".s8OT").text(parseInt($("#section8").offset().top));
//$(".s9OT").text(parseInt($("#section9").offset().top));
//한번에
for(let i=1; i<=9; i++){
$(".s"+i+"OT").text(parseInt($("#section"+i).offset().top))
//document.querySelector("s",i,"OT").textContent = document.getElementById("section",i).offsetTop;
}
/* if (scrollTop > parseInt($("#section1").offset().top)) {
$(".s1OT").css("color","red");
} else {
$(".s1OT").css("color","#000");
}
if (scrollTop > parseInt($("#section2").offset().top)) {
$(".s2OT").css("color","red");
} else {
$(".s2OT").css("color","#000");
}
if (scrollTop > parseInt($("#section3").offset().top)) {
$(".s3OT").css("color","red");
} else {
$(".s3OT").css("color","#000");
}
if (scrollTop > parseInt($("#section4").offset().top)) {
$(".s4OT").css("color","red");
} else {
$(".s4OT").css("color","#000");
}
if (scrollTop > parseInt($("#section5").offset().top)) {
$(".s5OT").css("color","red");
} else {
$(".s5OT").css("color","#000");
}
if (scrollTop > parseInt($("#section6").offset().top)) {
$(".s6OT").css("color","red");
} else {
$(".s6OT").css("color","#000");
}
if (scrollTop > parseInt($("#section7").offset().top)) {
$(".s7OT").css("color","red");
} else {
$(".s7OT").css("color","#000");
}
if (scrollTop > parseInt($("#section8").offset().top)) {
$(".s8OT").css("color","red");
} else {
$(".s8OT").css("color","#000");
}
if (scrollTop > parseInt($("#section9").offset().top)) {
$(".s9OT").css("color","red");
} else {
$(".s9OT").css("color","#000");
} */
//한번에
for(let i=1; i<=9; i++){
if (scrollTop > parseInt($("#section"+i).offset().top)) {
$(".s"+i+"OT").css("color","red");
} else {
$(".s"+i+"OT").css("color","black");
}
}
/* if( scrollTop > parseInt ($("#section1").offset().top)) {
$("#section1").addClass("show");
}
if( scrollTop > parseInt ($("#section2").offset().top)) {
$("#section2").addClass("show");
}
if( scrollTop > parseInt ($("#section3").offset().top)) {
$("#section3").addClass("show");
}
if( scrollTop > parseInt ($("#section4").offset().top)) {
$("#section4").addClass("show");
}
if( scrollTop > parseInt ($("#section5").offset().top)) {
$("#section5").addClass("show");
}
if( scrollTop > parseInt ($("#section6").offset().top)) {
$("#section6").addClass("show");
}
if( scrollTop > parseInt ($("#section7").offset().top)) {
$("#section7").addClass("show");
}
if( scrollTop > parseInt ($("#section8").offset().top)) {
$("#section8").addClass("show");
}
if( scrollTop > parseInt ($("#section8").offset().top)) {
$("#section9").addClass("show");
} */
//한번에
$(".content-item").each(function(){
if(scrollTop > $(this).offset().top) {
$(this).addClass("show");
}
});
});