묻고답하기
모바일에서 scrolltop 구현 안되는건가요?
2015.08.13 14:35
/*html*/
<div class="div-center gametitle-rolling">
<div class="gcenter">
<h2 class="on">횡령가의 은신처</h2>
<span>|</span>
<h2>키즈룸</h2>
<span>|</span>
<h2>이상한나라의 앨리스</h2>
<span>|</span>
<h2>시크릿 에이전트</h2>
<span>|</span>
<h2>벙커</h2>
</div>
</div>
-------------------------------------------------------------------------
/*script*/
if($(window).scrollTop()<650){
$('.gametitle-rolling .gcenter h2').eq(0).addClass('on').siblings().removeClass('on');
}else if(650<$(window).scrollTop()&&$(window).scrollTop()<1800){
$('.gametitle-rolling .gcenter h2').eq(1).addClass('on').siblings().removeClass('on');
}else if($(window).scrollTop()<3200){
$('.gametitle-rolling .gcenter h2').eq(2).addClass('on').siblings().removeClass('on');
}else if($(window).scrollTop()<4600){
$('.gametitle-rolling .gcenter h2').eq(3).addClass('on').siblings().removeClass('on');
}else{
$('.gametitle-rolling .gcenter h2').eq(4).addClass('on').siblings().removeClass('on');
}
-------------------------------------------------------------------------------
/*css*/
.gametitle-rolling {position:fixed; width:100%; top:100px; text-align:center; color:#fff; z-index:200;}
.gametitle-rolling .gcenter h2{color:#fff; font-size:1em; font-family: 'Hanna', sans-serif; margin: ;opacity:0.4}
.gametitle-rolling .gcenter h2.on{ font-size:2em; opacity:0.7 }
----------------------------
스크롤이 내려올때 클래스값을 on/off해서 텍스크의 크기를 변화시키는 효과를 주는데
이소스가pc에서는 적용이 되고 모바일에서는 적용이 안되는데
무슨 이유가 있나요?
어떻게 조정해야하는지 알려주세요
