$anchorScroll в Ionic 2? Выделите элемент с идентификатором

Любой способ сделать $anchorScroll в ионных 2/Angular2, начиная с Angular 1.x?

Попытка прокрутить до элемента на странице. Я пробовал что-то вроде ng2-page-scroll https://github.com/Nolanus/ng2-page-scroll

не уверен, что я делаю это правильно, я прошел через учебник и получил ошибку:

ParseError: 'import' and 'export' may appear only with 'sourceType: module'

Я думаю, что это больше не работает с последним выпуском ionic 2. Жаль, что нет более легкого способа сделать это?

Источник

2 ответа

Решение

Я был в той же ситуации, где я хотел прокручивать следующую страницу / элемент для каждого нажатия кнопки.

Я посмотрел на те же опции, которые вы упомянули, и обнаружил, что в ионных слайдах ( http://ionicframework.com/docs/v2/api/components/slides/Slides/) вы можете установить направление на "вертикальное", который сделал трюк для меня.

Не знаю, может ли это помочь вашему варианту использования.

В противном случае вы можете просмотреть содержимое и функцию scrollTo. http://ionicframework.com/docs/v2/api/components/content/Content/

Источник

Я не знаю, если вы все еще сталкиваетесь с этой проблемой, но это можно решить, используя YourHTMLelement.getBoundingClientRect(), который возвращает границы этого элемента в виде сверху, справа, снизу и слева.

С этим вы можете использовать контент и scrollTo(left, top, duration) функция. Я создал функцию для вертикальной прокрутки до определенного элемента, который выглядит следующим образом:

scrollToElement(id) { 
    var el = document.getElementById(id);
    var rect = el.getBoundingClientRect();
    // scrollLeft as 0px, scrollTop as "topBound"px, move in 800 milliseconds
    this.content.scrollTo(0, rect.top, 800);
}

Но вы можете изменить его так, как вы хотите, и горизонтальную прокрутку с помощью параметра scrollLeft.

Источник
Другие вопросы по тегам