Infinite-Scroll sample-2015-07-13

by freedawirl

HTML

<script src="http://hang3.com/min/g=css?v=12"></script>
<script src="http://hang3.com/min/g=js?v=12"></script>
<div class="wrapper clear clearfix">
    <div id="container" class="left full">
        <div class="content-container clearfix">
            <div id="content" class="left">
                <div class="g11">
                    <div id="actions-ui" class="clearfix" data-ui="jscroll">
                        <div class="latest-ads clear clearfix">
                            <!--- New Ad --->
                            <div class="ad-body  item clear clearfix">
                                <div class="ad-image left thumb">
                                    <img src="http://i.oodleimg.com/item/3960056778t_1s?1436754430" alt="Down filled Queen Comforter, light grey, dry cleaned (Round Rock)" />
                                </div>
                                <div class="ad-container meta clearfix">Iiomikmomimnopmiomopm</div>
                            </div>
                        </div>
                        <!--- New Ad --->
                        <div class="ad-body  item clear clearfix">
                            <div class="ad-image left thumb">	<a href="http://hang3.com/s/3960056771/pretty-clear-pink-acrylic-small-table-lamp-with-pink-shade-leander" title="PRETTY. CLEAR PINK, ACRYLIC, SMALL TABLE LAMP. WITH PINK SHADE (Leander)" class="img"><img src="http://i.oodleimg.com/item/3960056771t_1s?1436754429" alt="PRETTY. CLEAR PINK, ACRYLIC, SMALL TABLE LAMP. WITH PINK SHADE (Leander)" /></a>

                            </div> <a href="http://hang3.com/s/3960056771/pretty-clear-pink-acrylic-small-table-lamp-with-pink-shade-leander" class="icon facebook no-text right" data-facebook="share" data-tip="Share to your Facebook Timeline" data-tip-position="e" full="1">Share to Facebook</a>

                            <div class="ad-container meta clearfix">ipomnuionhiuohiuohuiobhuiobhuiobhuiobhuiobhuiobh</div>
                        </div>
  ...

CSS

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent
}
body {
    line-height:1
}
ol, ul {
    list-style:none
}
blockquote, q {
    quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none
}
:focus {
    outline:0
}
ins {
    text-decoration:none
}
del {
    text-decoration:line-through
}
table {
    border-collapse:collapse;
    border-spacing:0
}
* {
    margin:0;
    padding:0;
    outline:none
}
img {
    border:none
}
.bold {
    font-weight:bold !important
}
.em {
    font-style:italic !important
}
.left {
    float:left !important
}
.right {
    float:right !important
}
.clear {
    clear:both !important
}
.justify {
    text-align:justify !important
}
.auto {
    width:auto !important
}
.full {
    width:100% !important
}
.align-left {
    text-align:left !important
}
.align-right {
    text-align:right !important
}
.align-center {
    text-align:center !important
}
.space-left {
    margin-left:10px
}
.space-right {
    margin-right:10px
}
.space-top {
    margin-top:5px
}
.space-bottom {
    margin-bottom:5px
}
.center {
    margin-left:auto !important;
    margin-right:auto !important
}
ul.no-bullet, ul.no-bullet li {
    list-style-type:none !important
}
abbr {
    cursor:help
}
.legacy {
    text-indent:-9999px;
    text-decoration:none;
    font-size:0;
    line-height:0;
    width:0;
    height:0;
    position:absolute;
    left:-9999px
}
.handle {
    cursor:move !important
}
.clearfix:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
   ...

JavaScript

/*!
 * jScroll - jQuery Plugin for Infinite Scrolling / Auto-Paging
 * http://jscroll.com/
 *
 * Copyright 2011-2013, Philip Klauzinski
 * http://klauzinski.com/
 * Dual licensed under the MIT and GPL Version 2 licenses.
 * http://jscroll.com/#license
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * @author Philip Klauzinski
 * @version 2.3.4
 * @requires jQuery v1.4.3+
 * @preserve
 */! function (a) {
    "use strict";
    a.jscroll = {
        defaults: {
            debug: !1,
            autoTrigger: !0,
            autoTriggerUntil: !1,
            loadingHtml: "<small>Loading...</small>",
            padding: 0,
            nextSelector: "a:last",
            contentSelector: "",
            pagingSelector: "",
            callback: !1
        }
    };
    var b = function (b, c) {
        var d = b.data("jscroll"),
            e = "function" == typeof c ? {
                callback: c
            } : c,
            f = a.extend({}, a.jscroll.defaults, e, d || {}),
            g = "visible" === b.css("overflow-y"),
            h = b.find(f.nextSelector).first(),
            i = a(window),
            j = a("body"),
            k = g ? i : b,
            l = a.trim(h.attr("href") + " " + f.contentSelector),
            m = function () {
                var b = a(f.loadingHtml).filter("img").attr("src");
                if (b) {
                    var c = new Image;
                    c.src = b
                }
            }, n = function () {
                b.find(".jscroll-inner").length || b.contents().wrapAll('<div class="jscroll-inner" />')
            }, o = function (a) {
                var b;
                f.pagingSelector ? a.closest(f.pagingSelector).hide() : (b = a.parent().not(".jscroll-inner,.jscroll-added").addClass("jscroll-next-parent").hide(), b.length || a.wrap('<div class="jscroll-next-parent" />').parent().hide())
            }, p = function () {
                return...