WEB 웹팁 디자인팁 폰트 컬러 UI/UX 모바일UI Widget 디자인소스 기획팁 웹서비스 회사복지 스타트업 회사후기 메모/서식 퍼블팁 추천사이트 HTML•CSS 자바스크립트 jQuery React 앵귤러JS Node.js Codepen 개발팁 PHP 한글코딩 인터뷰 안드로이드 오픈API 파이썬 Flutter 서버관리팁
기초활용

스크롤 내려오면 멈추는 스크립트
2017년 11월 16일
jQuery(window).scroll(function(evt) {
   var y = jQuery(this).scrollTop();
   if (y > 200) {
      jQuery('.sidebanner').addClass('fixed');
      // if (y <maxY) {
      //     jQuery('.side_left').addClass('fixed').removeAttr('style');
      // } else {
      //     jQuery('.side_left').removeClass('fixed').css({
      //        position: 'absolute',
      //        top: (maxY - top) + 'px'
      //     });
      // }
   } else {
      jQuery('.sidebanner').removeClass('fixed');
   }
   console.log("y :"+y);
});
 
댓글은 로그인 사용자만 작성 가능합니다. 로그인하기
목록 보기
XE마켓
생활코딩 XE학습모듈
XE오픈채팅
이온디 채용공고
이온디 유한회사 | 사업자번호 : 405-86-01061 | 통신판매신고 : 제2018-대구동구-0767호 [사업자확인]
주소. 대구광역시 동구 안심로16길 71, 5층 502호 / 전화. 0507-1433-0311
ⓒ 2023. EOND. ALL RIGHTS RESERVED. SINCE 2000.6.25
#태그1 #태그2