infinite-scroll

angularjs infinite scroll in a container

by

In case anyone searches the same and comes here – here are usefull links: https://github.com/BinaryMuse/ngInfiniteScroll/pull/7 (pull request and discussion) https://github.com/hlsolutions/ngInfiniteScroll/tree/scroll-on-any-lement (fork with neccessary functionality) https://raw.github.com/hlsolutions/ngInfiniteScroll/scroll-on-any-lement/src/infinite-scroll.coffee (source itself) You can use it this way (example is in haml): .div-with-overflow %ul{data: {‘infinite-scroll’ => “getItems()”, ‘infinite-scroll-disabled’ => ‘cannotGetItems()’, ‘infinite-scroll-parent’ => ‘true’}} Providing an ‘infinite-scroll-parent’ => ‘true’ will make … Read more

How is it possible to run multiple instances using Backbone.Paginator.js?

by

Questions: 1- Are you including the jQuery Javascript framework dependencies as well in your codebase? 2- I have downloaded the zip file, ran it on Xammp locally and it appears to be a downloaded demo not a test page, can you please confirm which page is your test page from the compressed file attached to … Read more

RecyclerView ScrollListener inside NestedScrollView

by

To achieve endless scrolling for recycler view which is under NestedScrollView, you can use “NestedScrollView.OnScrollChangeListener” nestedScrollView.setOnScrollChangeListener((NestedScrollView.OnScrollChangeListener) (v, scrollX, scrollY, oldScrollX, oldScrollY) -> { if(v.getChildAt(v.getChildCount() – 1) != null) { if ((scrollY >= (v.getChildAt(v.getChildCount() – 1).getMeasuredHeight() – v.getMeasuredHeight())) && scrollY > oldScrollY) { //code to fetch more data for endless scrolling } } }); Here v.getChildCount() … Read more

Changing ViewPager to enable infinite page scrolling

by

I solved this problem very simply using a little hack in the adapter. Here is my code: public class MyPagerAdapter extends FragmentStatePagerAdapter { public static int LOOPS_COUNT = 1000; private ArrayList<Product> mProducts; public MyPagerAdapter(FragmentManager manager, ArrayList<Product> products) { super(manager); mProducts = products; } @Override public Fragment getItem(int position) { if (mProducts != null && mProducts.size() … Read more

infinite scroll with ember.js (lazy loading)

by

I’ve implemented an infinite scroll mechanism at the GitHub Dashboard project, I’m currently developing. The feature is added in commit 68d1728. The basic idea is to have a LoadMoreView which invokes the loadMore method on the controller every time the view is visible on the current viewport. I’m using the jQuery plugin inview for this. … Read more

Isotope v2 filtering with Infinite Scroll – Filter not finding all items and Window not resizing on filter

by

For question 2, one thing you could do is applying the display:none style to all hidden elements (and remove from all the visible ones) after isotope filtering. I think you should be able to use the “on layoutComplete” event listener of isotope to apply it at the right time, like this: $container.isotope( ‘on’, ‘layoutComplete’, function( … Read more

Infinite scrolling with React JS

by

Basically when scrolling you want to decide which elements are visible and then rerender to display only those elements, with a single spacer element on top and bottom to represent the offscreen elements. Vjeux made a fiddle here which you can look at: jsfiddle. Upon scrolling it executes scrollState: function(scroll) { var visibleStart = Math.floor(scroll … Read more