Ionic : scrollIntoView를 사용할 때 스크롤 업이 멈춤

큰 HTML 콘텐츠의 색인으로 버튼을 넣은 사이드 메뉴가있는 Ionic 앱을 사용 중입니다. 양면 메뉴 버튼 element.scrollIntoView(false)을 클릭하면 ion-scroll 컨테이너가 요소로 스크롤됩니다.
내가 발견 한 문제는 아래로 스크롤하여 html 읽기를 계속할 수 있지만 위로 스크롤 할 수 없다는 것입니다.
은 이온 스크롤 정의 :Ionic : scrollIntoView를 사용할 때 스크롤 업이 멈춤

<ion-scroll delegate-handle="contentScroll" zooming="true" min-zoom="1.0" height="100%" style="height:100%" direction="['x','y']"> 
    <div id="page-container" style="padding: 45px 5px 5px 5px;text-align: justify;">            
    </div> 
</ion-scroll>

버튼 정의 :

<ion-content ng-controller="ScrollCtrl as scroll"> 
     <button class="button" ng-click="scroll.to('markElementN')" menu-close style="width:100%">ElementN</button> 
</ion-content>

scroll.to 함수는 다음과 같은 문제로

function(mark) { 
    if (mark == undefined || typeof mark != 'string' || mark.length < 1) { 
    return; 
    } 
    var ob = document.getElementById(mark); 
    if (ob) { 
    ob.scrollIntoView(false); 
    } 
}

¿ 누구?
나는 아래로 스크롤 할 수 있다고 덧붙여 야한다. 그러나 내가보기로 스크롤 한 요소보다 위쪽이 아니다.

출처

2015-01-26 Olvathar

나 자신에게 대답한다. .. 너무 슬프지만 ... 나는 suposse 다.
좋아, google'ing 많은 페이지를 마침내 나는 문제가 scrollIntoView 자체에서 시작하여 scrollBy 함수로 변경해야한다는 것을 알게되었습니다.
불량 행운, 같은 문제가있는 다음 번에 더 좋음

출처

2015-02-03 16:01:59 Olvathar

답변을 찾으려 고 시도한 후에이 게시물을 발견했습니다. OP의 대답은 내 문제를 해결하지 못했습니다. 그러나 이것으로 누군가 시간을 절약 할 수 있습니다.

우리의 문제는 element.scrollIntoView()와 ionic의 scrollDelegate를 혼합 한 것이 었습니다. 유효하지 않은 데이터가 있었지만 Id (앵커 스크롤이 작동해야 함)가없는 필드를 스크롤해야했습니다. id를 설정하고이를 스크롤 위임자의 anchorScroll()에 전달하여 요소를 가져 왔습니다.

출처

2017-11-03 19:51:34 Ju66ernaut

Ionic : scrollIntoView를 사용할 때 스크롤 업이 멈춤

답변

관련 문제