2012-12-27 4 views
0

그것은 컨테이너 div와 CSS와 관련이 있다고 생각합니다. 그러나 나는 달을 수평으로 스크롤하려고 노력하고있다. 그냥 작동하지 않습니다. 어떤 아이디어?ScrollTo jquery Plugin이 작동하지 않습니까?

div는 서로 왼쪽으로 떠 있어야하며 가로로 스크롤하지 않고 세로로 스크롤해야합니다. 또한 미리보기 사분면이 올바르게 볼 수있을만큼 충분히 큰지 확인해야합니다.

JS : 여기

jQuery(document).ready(function(){ 

// active class swapping on menu  
jQuery("#nm12-menu li").click(function (a) { 

    // style stuff 
    jQuery(this).addClass("active");  
    jQuery(this).siblings("#nm12-menu li").removeClass("active"); 

    // now scroll! 
    var myHash = jQuery(this).find('a').attr('href'); 
    jQuery('.scrollme').stop().scrollTo(myHash,800); 
    a.preventDefault(); 
    }); 

});​ 

데모 : http://jsfiddle.net/velcrobots/ffAsR/10/

+0

다른 곳에서는이 라이브를 호스팅 할 수 있습니까? jsfiddle에서이 특별한 성격의 것들을 디버깅하기가 어렵습니다. – Austin

답변

1

부유 된 아이들 스크롤 용기 내에 직접 포함되어 있으므로 용기가 동일한 폭 때문에 서로 아래에 배치하고 그들이 아르.

  1. 장소 자녀들의 전체 폭에 width 세트가 스크롤 사업부와 자녀 사이의 내부 사업부 :

    당신은 몇 가지 옵션이있다.

  2. floatdisplay: inline-block으로 변경하고 white-space: nowrap을 스크롤 div에 설정합니다.
+0

굉장합니다. # 2는 매력처럼 일했습니다! 고마워. – Mike