2017-10-03 1 views
0

함수가 트리거 될 때 ui-routed 앵귤러 원 - 페이지 사이트 내에서 페이지 맨 위로 스크롤 할 수 있어야하지만 사용자 정의 스크롤러로 단순 바 스크롤바 플러그인, 그래서 사용자를 페이지 상단으로 다시 가져갈 수있는 윈도우 스크롤 방법을 사용할 수 없습니다.Simplebar 스크롤바 플러그인 - 함수에서 맨 위로 스크롤/위치 재설정

simplebar를 사용하는 컨테이너가 고정 된 100vh 컨테이너이므로 창/문서 스크롤 방법을 사용할 수 없으므로 창은 항상 맨 위로 스크롤됩니다.

아래의 jquery 메소드를 사용하여 스크롤바의 위치를 ​​맨 위로 재설정했지만 작동하지 못하고 콘솔에 오류 메시지가 표시되지 않았습니다. .

angular.element('#mainContent').simplebar('getScrollElement').scrollTop(0); 

나는 또한 콘솔 '기능하지'하는 반환, 일반 JS에서 이것을 시도했다 :

var mainContent = new SimpleBar(document.getElementById('mainContent')); 

mainContent.SimpleBar.getScrollElement() scrollTop = 0;

+0

당신이 해결책을 찾았나요? 나도 같은 문제에 직면 해있다. ScrollToPlugin을 사용하여 스크롤 가능한 컨테이너를 만듭니다. 플러그인이 없으면 앵커로 스크롤 할 수 있습니다. 하지만 플러그인 후에는 할 수 없습니다. 이 샘플은 솔루션 데모를 가정하고 있지만 완료 할 수 없습니다. https://github.com/Grsmto/simplebar/blob/master/demo/stress-test.html – Coisox

답변

0

이에 대한 .animate 시도 할 수 있습니다 :

$("body").animate({ scrollTop: 0 }, "slow"); 
+0

질문을 읽어보십시오. 항상 맨 위에 있기 때문에 본문/창을 애니메이션 할 수 없습니다. 단, simplebar div는 고정 된 100vh 높이이므로 창/문서 스크롤이 작동하지 않습니다. –