search

pklauzinski / jscroll

An infinite scrolling plugin for jQuery.
http://jscroll.com/
1.11k stars 563 forks source link

How to configure? #88

Closed zhukovsergei closed 8 years ago

zhukovsergei commented 8 years ago

Hello. I need a help! I have the next structure:

<div class="scroll">
  <div class="result-item"></div>
  <div class="result-item"></div>
  <div class="result-item"></div>
  <div class="result-item"></div>

<a class="getWonderfulNext" href="/<?=$next_link?>">next</a>
</div>

And i will configure:

$('.scroll').jscroll({
    //loadingHtml: '<img src="loading.gif" alt="Loading" /> Loading...',
    //padding: 20,
    nextSelector: '.getWonderfulNext',
    contentSelector: '.scroll'
  });

And have once result:

<div class="scroll">
  <div class="jscroll-inner">
      <div class="result-item"></div>
      <div class="result-item"></div>
      <div class="result-item"></div>
      <div class="result-item"></div>

      <div class="jscroll-added">
          <div class="scroll"> 
             <div class="result-item"></div>
             <div class="result-item"></div>
             <div class="result-item"></div>
             <div class="result-item"></div>
          </div>

      <a class="getWonderfulNext" href="/<?=$next_link?>">next</a>
      </div>
  </div>

</div>

But i just want like a source

<div class="scroll">
  <div class="result-item"></div>
  <div class="result-item"></div>
  <div class="result-item"></div>
  <div class="result-item"></div>

<a class="getWonderfulNext" href="/<?=$next_link?>">next</a>
</div>
pklauzinski commented 8 years ago

jScroll adds the additional wrappers to handle tracking of added content. This may be removed in v3.0.