infinite-scroll

I'm trying to get infinite scrolling and masonry working in my ember project. The masonry 'bricks' are posts with text and an image. Currently I can get the first page to show on the initial load of the page and apply masonry (I still have to do a setTimeout though, trying to figure out how to get rid of that as well). I also have the basic infinite scroll code in. For now I'm simply grabbing the second page from the back end. When scrolled to the bottom of the page the second page of posts are loaded. What I'm trying to figure out is how to apply masonry to the new page upon insertion.

I am trying to implement infinite scrolling using the following example http://www.davidbritch.com/2014/05/data-virtualisation-using.html The problem is that in my case LoadMoreItemsAsync keeps getting called endlessly . I am developing this on a hub (not sure if this makes a difference) and using MVVMLight. Given below is my code .xaml <Page x:Class="MyFileServer.UniversalApp.AppHubPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:MyFileServer.UniversalApp" xmlns:d="http://schemas.microsoft.com

I am using jquery plugin scrollpagination in codeigniter i am facing problem that my loop does not terminate and alos not giving accurate result. this is my html code <div id="main"> <div id='friend_display'> <?php if($list->num_rows() > 0 ){ foreach($list->result() as $show) { ?> <div class="image-box" style="margin-left:30px" id='image-holder' > <div class="photo-cover"> <a href="<?=base_url()?>uploads/user_images/<?php echo $show->user_image;?>" class="big-image"><img width="160px" height="117px" src="<?=base_url()?>uploads/user_images/friends/<?php echo $show->user_image;?>" alt="" /></a>

I'm trying to get this infinite load script to work in my project. Here's my HTML: <!-- Contents --> <div id="page-container"> <div id="scroller"> <div id="page_1" class="pagina"></div> <div id="page_2" class="pagina"></div> <div id="page_3" class="pagina"></div> <div id="page_4" class="pagina"></div> <div id="page_5" class="pagina"></div> <div id="page_6" class="pagina"></div> </div> </div> <div id="pages-to-load"> <div id="page_7" class="pagina"></div> ... <div id="page_25" class="pagina"></div> </div> And here's the script: function scrollalert(){ var pages = document.getElementById(

I am using angular to make an e-commerce, and I'm setting an infinite scroll to the products list page. Everything worked fine, but I want to use the URL to set the page, so the user can access an specific page through URL. how do I set a variable like "pageNumber" in the URL with angular? like "www.page.com/page/2/"(I want to get the number 2 and pass it to the store controller) Here's the code I have now (function() { var app = angular.module('concurseirosUnidos', ['store-directives', 'ngRoute']); app.config(function($routeProvider, $locationProvider){ $locationProvider.html5Mode(true);