왜.. window scroll 을 인식못하는걸까요? .. 고수님들!!! ㅠ
본문
안녕하세요.
동일 서버이고, 동일 jquery를 쓰는데..
하나는 $(window).on('scroll', function () { 이걸 인식해서 헤더부분을 변경해주는데요
하나는 영... 인식을 못하네요.
당최 이유를.. 모르겠네요..ㅠ
1. $(window).on('scroll', function () { 잘 되는 놈
http://togetherlive.cafe24.com/work/scroll2.html
2. $(window).on('scroll', function () {인식 못하는 놈
http://togetherlive.cafe24.com/
1은 잘 되는 거, 2는 안되는거에요
동일 서버, 동일 제이쿼리... 몰까요. ㅠ
고수님들 확인가능하시면 부탁좀 드려봅니다.;;;
답변 4
$(window).scroll(function(){ if ($(window).scrollTop() >= 100) { $('.header').addClass('fixed'); } else { $('.header').removeClass('fixed'); } });
저 같은 경우는 스크립트 이렇게 간단하게 하고 css로 조절을해요 지금 스크롤 내리면 헤더까지 내려주는거 만들잖아요?
상위에서는 다시 되돌아서 놓여지고?
답변해주셔서 감사합니다. ~ ^^
제 질문 의도와 다른 답변이라서 ..
바로 댓글을 써드리진 못했네요
친절한 답변주셔서 감사드리구요.
좋은 하루 되십시오.
둘다 안되고 있는것같은데..
$(document).scroll(function() {
}
으로 해보세요
마찬가지네요 .... 허참.. 환장할..
$(document).ready(function () { 을 아래처럼 바꿔보세요.
$(function () {
샘플페이지랑 본사이트랑 다르네요.
2에서 $(function () { -> 이게 안돼서 바꿔본거에요..
영문을 모르겠네요. ㅠ
자문자답 합니다.
이유는 알았습니다.
css 로딩할때 common.css를 import 하는데
거기서 특정 css가 문제였네요 ;;
html,body를 height=100% 를 해주니..
스크롤을 아무리 해도 100%로만 인식을 하느,ㄴ.. 문제..
허무... ㅠ
