2012-09-15 8 views
8

내 웹 페이지에 slimScroll을 사용했으며 AJAX가 콘텐츠를 추가했습니다.Slimscroll 플러그인이있는 스크롤 상단

스크롤을 아래로 스크롤 한 다음 더 많은 내용 (AJAX로드)으로 다시로드하면 스크롤 막대 자체는 이전과 같은 위치를 유지합니다.

slimScroll에 새 콘텐츠를로드 한 후 맨 위로 스크롤 할 수있는 기능이 있는지 궁금합니다.

답변

5

당신이 scrollTo 방식으로 구축 할 수 있습니다 상단으로 스크롤해야하는 경우 버전 1.0.0 버젼 :

$(element).slimScroll({ scrollTo: '0' });

+1

위대한 플러그인에 대한 감사의 Rochal, 정말 인터넷에서 찾을 수있는 최고의 하나지만,이 방법은 내 문제를 해결할 수없는 것 같습니다. 스크롤 막대는 아직도 내가 아약스를 사용하여 콘텐츠를 다시로드 후 위치를 유지합니다. – Ichigo

+2

똑같은 문제가 있습니다. 내용이 맨 위로 스크롤되지만 스크롤 막대는 그 위치에 그대로 있습니다. 누구든지 이것에 대한 추가 생각이 있습니까? –

21

내가 @rochal에 의해 기술 된 scroll 옵션을 거라고 생각하지 않습니다 the version currently up on GitHub에 의해 사용 된 것으로 보이지 않으므로 지금 당장 작업하십시오. 대신 scrollTo 또는 scrollBy을 사용해보십시오.

상단에 스크롤하려면 :

$('#elem_id').slimScroll({ scrollTo : '0px' }); 

을 반대로, 당신은 아래로 스크롤하려면, 다음 작동합니다 :

var scrollTo_val = $('#elem_id').prop('scrollHeight') + 'px'; 
$('#elem_id').slimScroll({ scrollTo : scrollTo_val }); 
+2

작동 스크롤을 아래로 내려 놓을 때 좋습니다. – gfivehost

+1

나는 당신을 사랑합니다. 나는 진정으로 그렇게한다. 그럼 당신은 방금 이걸로 많이 도와 줬어. :) – Placeable

0

는 다른 방법으로이 문제를 해결하기 위해 자바 스크립트를 사용할 수 있습니다 ...

document.getElementById("element-id").scrollTop = document.getElementById("element-id").scrollHeight; 

element-id은 C의 id입니다 ontent 영역 (일반적으로는 div) 새로운 내용이 당신의 div

2

이 코드에 추가 할 때이 코드를 실행 ..

은 나를 위해 실행하고있다.

var scrollTo_int = $('#elem_id').prop('scrollHeight') + 'px'; 
$('#elem_id').slimScroll({scrollTo : scrollTo_int }); 

하단 위치에 스크롤 막대를 가지고 또한 사업부의 하단에있는 컨텐츠를 취할 것입니다.

+0

고마워. 이것은 완벽하게 작동합니다. –

관련 문제