jquery ias - infinite ajax scroll plugin and firefox -
i'm using infiniteajaxscroll plugin load new content div , works fine safari , chrome. in firefox can see jquery-ias code hiding pagination div when reach end of page nothing happens , can't see error in firebug.
i noticed in overflow example of ias website same behaviour. loads more items safari , chrome not firefox. example of code.
html:
<div style="margin:0; padding:0; width:100%; height:100%;" id="results"> <div id="articles"> <div id="article-79" class="article">....</div> <div id="article-80" class="article">....</div> <div id="article-81" class="article">....</div> <div id="article-82" class="article">....</div> ... </div> <div id="pagina" style="display: none;"><a class="next" href="/lista.php?p=2&cod=0&idl=1&idt=6">next</a></div>
javascript:
<script> var ias= $j.ias({ container : '#articles', // main container data goes append item: '.article', // single items pagination: '#pagina', // page navigation next: '.next', delay : 200, negativemargin:300 }); ias.initialize(); ias.extension(new iasspinnerextension()); ias.extension(new iasnoneleftextension({ text: 'end' // override text when no pages left }));
and this guide i've followed make php page.
edit: fixed. having similar issue, using js script added "position: absolute" style on <body>
caused issue.
Comments
Post a Comment