hellsan631 / angular-fullpage.js

An angular directive for fullpage.js

Home Page:http://hellsan631.github.io/angular-fullpage.js/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Don't scroll to top slide when adding items inside ng-repeat

haplo31 opened this issue · comments

commented

Hello,
I have a page with 3 sections and the last of them contains a list of items.
I need to add some new items to this list but when I do, fullpage scrolls to the top slide of the page.
I can't find a way to avoid this behavior and I started to think it may be not doable...

I did a plunker to show the problem:
https://plnkr.co/edit/sVOIuGzhawS1yMn6P6tr?p=preview

Is there a solution to prevent the scroll to happen or, at least, to scroll back to the previous slide after the reload?

Thanks for your time!

if you are adding in the sections dynamically with angular, or changing the options, then unfortunately I don't think there isn't a way currently to avoid the behavior. I will see if $.fullpage.reBuild() got any changes or updates, but currently,when you add/remove items, the plugin has to destroy and add itself again.

commented

Thanks for your answer.
I managed to bypass the problem by changing the rebuilt function in your directive.
I use your original code for the first call and $.fullpage.reBuild() after that and it seems to work, no more reload of the page when I add something in my ng-repeat.

However, my work is still not done because I seem to be unable to scroll to the bottom of the page after that, with or without my modification in your directive
FullpageJs doesn't seem to have a function for that and the usuals methods doesn't work...
Do you know a way to scroll to the bottom of a page where fullpage is active?

Thanks again for your time!