Infinite Scroll causing gaps in between posts |
Infinite Scroll causing gaps in between posts |
Bernie333 |
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. |
Lo-Fi Version | Time is now: 18th April 2024 - 01:27 AM |