Menu icon Foundation
foundation for apps - angular-scroll

Hi, i'm using foundation for apps and trying to get angular-scroll (https://github.com/oblador/angular-scroll) to work within the ui-view.

I have added 'duScroll' to my apps module array, angular-scroll.js is getting compiled into the js file.

It seems like its a routing problem, i really just don't know!!

whenever a link is clicked to scroll nothing happens - http://www.medmedia.ie/ngTest/scroll

If i use the same code without foundation it works! - http://www.medmedia.ie/ng-scroll/

Any help would be super.
Thanks
Pierce

angular-scroll

Hi, i'm using foundation for apps and trying to get angular-scroll (https://github.com/oblador/angular-scroll) to work within the ui-view.

I have added 'duScroll' to my apps module array, angular-scroll.js is getting compiled into the js file.

It seems like its a routing problem, i really just don't know!!

whenever a link is clicked to scroll nothing happens - http://www.medmedia.ie/ngTest/scroll

If i use the same code without foundation it works! - http://www.medmedia.ie/ng-scroll/

Any help would be super.
Thanks
Pierce

Jeanie Chung over 4 years ago

Hey Pierce-

This is an interesting problem. It might be that the scope of the ui-view directive is interfering with the scope of the angular-scroll library's directives. But ui-router has their own service https://github.com/angular-ui/ui-router/wiki/Quick-Reference#uiviewscroll-1 that you can use in your controller.

pierce over 4 years ago

Cheers Jeanie,

I just solved the problem there now, and its a foundation problem -> grid-content has an overflow-y: auto; and grid-frame has overflow:hidden; which caused all the bother

Kent Axel about 4 years ago

Thank you Pierce,

I spent half a day trying to bind to a scroll event. Finally solved it with your info.