Как да направите плавно превъртане в тема 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

Забележете, че в моя codepen контейнерът вече не е целият документ.

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