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

스크립트를 @media screen and (max-width:880px) 이 css적용해서 쓸 수 있는 방법이 없을까요? 없다면 알려주세요ㅠㅠ

구름해 8년 전 조회 3,534

반응형 웹을 제작중입니다.

스크롤애니메이션 스크립트를 사용하였는데

모바일에선 스크롤이 안되서요ㅠㅜ

스크립트를  pc에서만 적용할 수 있는 방법이 없을까요?

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

답변 2개

</p><p>function adjustStyle(width) {</p><p>    width = parseInt(width);</p><p>    if (width < 701) {</p><p>        $("#size-stylesheet").attr("href", "css/narrow.css");</p><p>    } else if ((width >= 701) && (width < 900)) {</p><p>        $("#size-stylesheet").attr("href", "css/medium.css");</p><p>    } else {</p><p>        $("#size-stylesheet").attr("href", "css/wide.css");</p><p>    }</p><p>}</p><p>
</p><p>$(function() {</p><p>    adjustStyle($(this).width());</p><p>    $(window).resize(function() {</p><p>        adjustStyle($(this).width());</p><p>    });</p><p>});</p><p>

출처 : http://firejune.com/1580">http://firejune.com/1580

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

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

그림자밟기

</p><p>var win_width = $(window).width();
</p><p>if(<span style="font-size: 14.6667px;">win_width < 880) {</span></p><p><span style="font-size: 14.6667px;">    880px 미만이에용</span></p><p><span style="font-size: 14.6667px;">} else {</span></p><p><span style="font-size: 14.6667px;">    880px 이상이에용</span><span style="font-size: 14.6667px;"> </span></p><p><span style="font-size: 14.6667px;">}</span></p><p>

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

답변에 대한 댓글 1개

구름해
8년 전
감사합니다ㅠㅠ
근데 적용이 안되요ㅠㅠ
[code]
//원래코드입니다
<script type="text/javascript" src="js/skrollr.min.js"></script>
<script type="text/javascript">
$(function() {
skrollr.init({
smoothScrolling: true,
smoothScrollingDuration : 400,
forceHeight: false
});
});
</script>
[/code]
이거를
[code]
<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>
[/code]
이렇게 변경하면 되는건가요?ㅜㅜ

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

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

로그인