팝업창에서 스크롤을 내렸을 때 input 박스 수정 알리기 기능
스크롤을 하단으로 내렸을 경우 특정 input box에 배경색이 잠깐 깜빡였다가 사라지는 기능을 만들어 보았다~
function setBorderColor(){
$("#crime_top").css('background-color','#99CCFF');
$("#crime_bottom").css('background-color','#99CCFF');
}
function defBorderColor(){
$("#crime_top").css('background-color','#FFFFFF');
$("#crime_bottom").css('background-color','#FFFFFF');
}
function timer(){
var count = 0;
var timer = setInterval(function(){
count = count +1;
setBorderColor();
if(Number(count)==1||Number(count)==3){
defBorderColor();
}else if(Number(count)==5){
clearInterval(timer);
defBorderColor();
}
}, 300);
}
$(document).ready(function(){
var switchNotice = true;
$(window).scroll(function(){
var position = $(window).scrollTop();
//console.log(position);
if(position > 200 && switchNotice){
timer();
switchNotice = false;
}
});
});
도움을 받은 곳 : http://findfun.tistory.com/466
http://eversong0723.blogspot.kr/2016/04/scroll.html
http://seongilman.tistory.com/297