아이폰환경에서 fixed가 안먹는 문제..
본문
현재 상단 메뉴를 스크롤 내릴시 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
fixed 영역에 -webkit-overflow-scrolling:touch;
더 추가해보세요..
보통은 잘 먹던데 css 직접 추가 말고,
class로 만들어서 addClass 를 해보시는건 어떨까요?
답변을 작성하시기 전에 로그인 해주세요.