테스트 사이트 - 개발 중인 베타 버전입니다

왜.. window scroll 을 인식못하는걸까요? .. 고수님들!!! ㅠ 채택완료

홈피공장장 4년 전 조회 8,876

안녕하세요.

 

동일 서버이고, 동일 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개

홈피공장장

자문자답 합니다.

이유는 알았습니다. 
css 로딩할때 common.css를 import 하는데

거기서 특정 css가 문제였네요 ;;

 

html,body를 height=100% 를 해주니..

스크롤을 아무리 해도 100%로만 인식을 하느,ㄴ.. 문제..

 

허무... ㅠ

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

4년 전
$(document).ready(function () { 을 아래처럼 바꿔보세요.

$(function () {

 

샘플페이지랑 본사이트랑 다르네요.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

홈피공장장
4년 전
2에서 $(function () { -> 이게 안돼서 바꿔본거에요..

영문을 모르겠네요. ㅠ

댓글을 작성하려면 로그인이 필요합니다.

둘다 안되고 있는것같은데..

 

$(document).scroll(function() {

}

 

으로 해보세요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

홈피공장장
4년 전
마찬가지네요 .... 허참.. 환장할..

댓글을 작성하려면 로그인이 필요합니다.

$(window).scroll(function(){ if ($(window).scrollTop() >= 100) { $('.header').addClass('fixed'); } else { $('.header').removeClass('fixed'); } });

 

저 같은 경우는 스크립트 이렇게 간단하게 하고 css로 조절을해요 지금 스크롤 내리면 헤더까지 내려주는거 만들잖아요?

상위에서는 다시 되돌아서 놓여지고?

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

홈피공장장
4년 전
답변해주셔서 감사합니다. ~ ^^

제 질문 의도와 다른 답변이라서 ..
바로 댓글을 써드리진 못했네요

친절한 답변주셔서 감사드리구요.
좋은 하루 되십시오.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인