Как сделать плавную прокрутку в теме Angular-Material?

Я начинаю новый проект и использую Angular Material с AngularJS. У меня возникли проблемы с плавной прокруткой. Я использую эту библиотеку плавной прокрутки: https://github.com/oblador/angular-scroll

Я также пробовал это: https://github.com/d-oliveros/ngSmoothScroll Но ни один из них работают. Я делаю codepen, чтобы продемонстрировать проблему здесь:

http://codepen.io/hughred22/pen/XmRpOG/

Как вы видите в моем Codepen, если я закомментирую

document.getElementById('bottom').scrollIntoView(true);

Чтобы показать работу scrollIntoView и прокрутить до div. Но плавная прокрутка почему-то не работает. Пожалуйста помоги!


javascript angularjs angular-material smooth-scrolling
person Hugh Hou    schedule 06.10.2015    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Вы должны использовать правильный контейнер для запуска прокрутки. Проверьте фиксированный форк вашего codepen здесь http://codepen.io/harconst/pen/qOmPVo

Обратите внимание, что в моей кодовой ручке контейнер больше не является целым документом.

var someElement = angular.element(document.getElementById('bottom'));
var container   = angular.element(document.getElementById('container'));    
container.scrollTo(someElement,0,1000);
person Harris Konstantourakis    schedule 06.10.2015