팝업창에서 스크롤을 내렸을 때 input 박스 수정 알리기 기능

팝업창에서 스크롤을 내렸을 때 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