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

아이폰환경에서 fixed가 안먹는 문제..

자하신위 6년 전 조회 3,940

현재 상단 메뉴를 스크롤 내릴시 fixed로 고정되게끔 쿼리와 css로 처리해 두었습니다.

헌데 지금 아이폰에서만 fixed가 안되는것같아요..

 

굉장히 단순한 쿼리인데요..

 

<script type="text/javascript">
        $(function(){
            $(window).scroll(function() {
                console.log($(window).scrollTop());
                
                
               if($(this).scrollTop() > 100){
                    $(".gnb_wrap").css({ "position": "fixed", "padding": "0","top": "0px"});
               }else{
                    $(".gnb_wrap").css({ "position": "relative", "top": "0px" });
               }
            });
        });
        </script>

 

 

아이폰, 사파리 환경에서만 그렇습니다 혹시 이런 문제 해결해보신분 계시나요..? 

 

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

답변 2개

jun31019
6년 전

보통은 잘 먹던데 css 직접 추가 말고, 

 

class로 만들어서 addClass 를 해보시는건 어떨까요?

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

답변에 대한 댓글 1개

자하신위
6년 전
addClass도 안먹는군요 ㅠㅠ 지금 몇시간째..흐흑

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

6년 전

 fixed 영역에 -webkit-overflow-scrolling:touch;

더 추가해보세요..

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

답변에 대한 댓글 1개

자하신위
6년 전
답변감사합니다 ㅠㅠ 근데 안되네요...

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

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

로그인