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
Bernie333
post Mar 2 2013, 12:07 AM
Post #1





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



URL: http://traums.tumblr.com/

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.



CODE

<script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips();
});
})(jQuery);
</script


<script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/zr9m0w1np/masonryq.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/J0qm0vycn/querymasonry.js"></script>
<script src="http://static.tumblr.com/nj7bgyh/bynm0xy7g/endlessscrolljquery.js"></script>
<script src="http://static.tumblr.com/nj7bgyh/rNom0vy8o/masonry.js"></script>
<script type="text/javascript">
$(window).load(function () {
$('#posts').masonry(),
$('.masonryWrap').infinitescroll({
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 : "http://b.imagehost.org/0548/Untitled-2.png",
loadingText : "<em></em>",
},
// call masonry as a callback.
function() { $('#posts').masonry({ appendedContent: $(this) }); }
);
});
</script>



<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