2013-05-10 2 views
1

방금 ​​jQuery를 사용하기 시작했으며 트위터 부트 스트랩을 사용하여 두 개의 열 레이아웃을 사용했습니다. CSS 파일은 다음과 같습니다.scrollTop 함수가 Rails에서 작동하지 않습니다.

html, body { 
    overflow: hidden; 
    height: 100%; } 
.span8, .span4 { 
    overflow: auto; } 

이렇게하면 span4와 span8이 별도의 스크롤 막대가됩니다. span8 부분에는 항목 목록이 있으며 일부 기능을 스크롤 막대에 추가하려고합니다. 하지만 현재 scrollTop은 전혀 반응이없는 것처럼 보입니다. 나는의 .js 파일에서 이런 일이있는 경우 예를 들어, ("항목은"해당 항목에 대한 클래스) :

$(document).ready(function() { 
    $('.entry').scrollTop(1000);}); 

나는 그것이 첫 번째 항목 1000 픽셀의 맨 아래에있는 스크롤 막대를 넣어 것입니다 가정이, 하지만 페이지를로드 할 때 스크롤바는 맨 위에 있습니다. 또는 scrollTop을 사용하여 스크롤 막대 위치의 값을 읽으려고했으나 항상 0을주었습니다. 나는 뭔가를 엉망으로 만들었을 것입니다. 누군가 제안을합니까? 감사.

업데이트 : 약간의 연구 끝에, 내가 어리석은 실수를 한 것으로 밝혀졌습니다. ".scrollTop"은 div에 스크롤바가있는 선택기에서만 호출 할 수 있습니다. 제 경우에는 $('.entry').scrollTop(1000);을 사용할 수 없습니다. 대신 $('.span8').scrollTop(1000);을 사용해야합니다.

답변

0

이 시도 : 그것은 작동하지 않는 것 같다

$(document).ready(function() { 
    $('html, body').animate({ 
     scrollTop: $('.entry').offset().top + 1000 
    }, 'slow'); 
}); 
+0

. 그건 그렇고, "overflow : hidden"을 사용하여 "html, body"에 대한 스크롤바를 사용하지 못하게하고, "$ ('html, body')"가 여전히 작동합니까? – melodrama

+0

'html, body { 오버 플로우 : 숨김; 신장 : 100 %; }'. 'overflow : hidden; '을 한 번 제거하고 다시 시도하십시오 .. –

+0

사실 저는 몸의 스크롤바를 숨기고 싶기 때문에 그 부분을 바꾸지 않을 것입니다 ... – melodrama

관련 문제