스크립트를 @media screen and (max-width:880px) 이 css적용해서 쓸 수 있는 방법이 없을까요? 없다면 알려주세요ㅠㅠ
본문
반응형 웹을 제작중입니다.
스크롤애니메이션 스크립트를 사용하였는데
모바일에선 스크롤이 안되서요ㅠㅜ
스크립트를 pc에서만 적용할 수 있는 방법이 없을까요?
답변 2
var win_width = $(window).width();
if(win_width < 880) {
880px 미만이에용
} else {
880px 이상이에용
}
감사합니다ㅠㅠ
근데 적용이 안되요ㅠㅠ
//원래코드입니다
<script type="text/javascript" src="js/skrollr.min.js"></script>
<script type="text/javascript">
$(function() {
skrollr.init({
smoothScrolling: true,
smoothScrollingDuration : 400,
forceHeight: false
});
});
</script>
이거를
<script type="text/javascript" src="js/skrollr.min.js"></script>
<script type="text/javascript">
var win_width = $(window).width();
$(function() {
skrollr.init({
if(win_width > 880) {
skrollrBody = 'skrollr-body' //모바일 스크롤 때 필요한 요소
return (/Android|iPhone|iPad|iPod|BlackBerry/i).test(navigator.userAgent || navigator.vendor || window.opera);
} else{
smoothScrolling: true,
smoothScrollingDuration : 400,
forceHeight: false
}
});
});
</script>
이렇게 변경하면 되는건가요?ㅜㅜ
function adjustStyle(width) {
width = parseInt(width);
if (width < 701) {
$("#size-stylesheet").attr("href", "css/narrow.css");
} else if ((width >= 701) && (width < 900)) {
$("#size-stylesheet").attr("href", "css/medium.css");
} else {
$("#size-stylesheet").attr("href", "css/wide.css");
}
}
$(function() {
adjustStyle($(this).width());
$(window).resize(function() {
adjustStyle($(this).width());
});
});
답변을 작성하시기 전에 로그인 해주세요.