2013-05-02 4 views
0
function iScrollLoaded() 
{ 
//(function($){ 
    myScroll = new iScroll('wrapper', 
    { 
     hideScrollbar:true, 
     hScroll:false, 
     bounce:true, 
     lockDirection:true, 
    }); 
//})(jQuery) 
} 
document.addEventListener('DOMContentLoaded', iScrollLoaded, false); 

iScroll 페이지에서 왼쪽/오른쪽으로 드래그 할 수 없도록 화면을 멈추어야한다고 생각했는데 아무 효과가없는 것 같습니다. 어쨌든 스크롤 래퍼를 왼쪽/오른쪽으로 드래그하지 않으려면 어떻게해야합니까? 내가 여기서 잘못하고있는거야?iScroll이 왼쪽/오른쪽 (수평) 스크롤을 멈추고, 나에게 잘되지 않는다. 내가 잘못하고있는 것인가?

사용되는 HTML의 기본적인 예 ..

<div id="page"> 
    <div id="header" class="clearfix"> 
     <div class="header_logo"> 
      <a href="domain.com/" title="domains"> 
       <img src="/logo_600.png" style="border:none;" alt=""> 
      </a> 
     </div> 
    </div><!-- /header --> 
    <!-- sub_nav --> 
    <!-- /sub_nav --> 
    <div id="wrapper" class="no_snav"> 
     <div id="scroller" class="overthrow"> 
     <div>This profile is currently unavailable or does not exist.</div> 
     <div id="geolocation_latlng" style="visibility:hidden;"></div> 
     </div><!-- /scroller --> 
    </div><!-- /wrapper --> 
</div><!-- /page --> 
+0

당신은 당신의 HTML 코드도 게시 할 수 있습니까? –

+0

예를 들어 – chris

+0

에 대한 게시물에 html을 추가하면'lockDirection : true '에서','를 제거하고 코드를 다시 실행하십시오. –

답변

1

이 코드 블록입니다. 여기서 hScroll:false을 지정하십시오. 수평 스크롤을 해제하는 것을 의미합니다. 그것을 hScroll:true으로 만들고 확인하십시오.

귀하의 코드

function iScrollLoaded() 
{ 
//(function($){ 
    myScroll = new iScroll('wrapper', 
    { 
     hideScrollbar:true, 
     hScroll:false, /* THIS SHOULD BE TRUE FOR HORIZONTAL SCROLLING */ 
     bounce:true, 
     lockDirection:true, 
    }); 
//})(jQuery) 
} 
document.addEventListener('DOMContentLoaded', iScrollLoaded, false);