The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

Reply to this topicStart new topic
> Infinite Scroll causing gaps in between posts
post Mar 2 2013, 12:07 AM
Post #1

Group: Members
Posts: 1
Joined: 1-March 13
Member No.: 18,750


Basically, when I have infinite scrolling, there are gaps in posts. I have no clue how to resolve this issue. At first the posts are fine, but as you scroll down there are gaps in between the posts.

Here is the code, I think the problem is the middle portion. Because the first and last script have nothing to do with posts and infinite scrolling.


<script type="text/javascript" src=""></script>

<script src=""></script>
<script type="text/javascript" src=""></script>

<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>
<script src=""></script>
<script src=""></script>
<script type="text/javascript">
$(window).load(function () {
navSelector : ".nav a",
// selector for the paged navigation (it will be hidden)
nextSelector : ".nav a",
// selector for the NEXT link (to page 2)
itemSelector : ".post",
// selector for all items you'll retrieve
bufferPx : 10000,
extraScrollPx: 11000,
loadingImg : "",
loadingText : "<em></em>",
// call masonry as a callback.
function() { $('#posts').masonry({ appendedContent: $(this) }); }

<script type="text/javascript"> $(document).ready(function(){ $(".hide").hide(); $(".show").click(function(){ $(this).next(".hide").slideToggle('fast'); }); }); </script>

Thanks guys, hope you can help. Really appreciate it. smile.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:


- Lo-Fi Version Time is now: 23rd October 2019 - 10:54 AM