미채택 완료

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

2021-01-02 (토) 18:22:38 9,123

안녕하세요.

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

2021-01-02 (토) 20:45:45

자문자답 합니다.

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

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

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

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

허무... ㅠ

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

$(function () {

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

답변에 대한 댓글 1개

2021-01-02 (토) 20:09:36
2에서 $(function () { -> 이게 안돼서 바꿔본거에요..

영문을 모르겠네요. ㅠ
2021-01-02 (토) 19:19:43

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

$(document).scroll(function() {

}

으로 해보세요

답변에 대한 댓글 1개

2021-01-02 (토) 20:11:49
마찬가지네요 .... 허참.. 환장할..
2021-01-02 (토) 19:01:31

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

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

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

답변에 대한 댓글 1개

2021-01-04 (월) 09:24:12
답변해주셔서 감사합니다. ~ ^^

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

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

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