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

css 스크립트 질문입니다. 채택완료

h3style 5년 전 조회 3,340

안녕하세요

반응형으로 만들려는데요

스크립트때문에 브라우져 폭이 좁아져도 스크립트가 적용되는데

모바일에서는 작동을 안하게 하고 싶습니다.

 

 

이 배너 부분이 모바일에서는 하단에 고정되게

@media (max-width: 780px){

#banner{position:fixed!important; bottom: 0px!important;}

}

 css를 줬는데

위 스크립트 때문에 하단 고정이 안되요 ㅜㅜ

 

모바일에서 봣을때

하단에 고정되게 떠는 작동이 안되게 할 수 있을까여?

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

답변 2개

채택된 답변
+20 포인트
5년 전

if ($(window).width() >= 780)

  $('#banner').animate({top:$(window).scrollTop()+"px" },{queue: false, duration: 500});

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

답변에 대한 댓글 1개

h
h3style
5년 전
아~ 너무 감사합니다 ㅜㅜ

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

toqurk
5년 전

php 로 접속자의 환경을 확인 하시고 그 변수값을 스크립트에 넣어서 조건 수식을넣으시면될듯합니다.

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

답변에 대한 댓글 1개

h
h3style
5년 전
모바일 말고 사이즈 줄어들면 작동안되게 하는 방법은 없을까여? ㅜㅜ
웹디라서 이런거 잘 몰라세요

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

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

로그인