标签: infinite-scroll

嗨,有没有人知道在哪里可以获得无限滚动插件,在你加载更多帖子之前有一个你点击的按钮？

这是我正在寻找的(看看右下角的更多按钮)

我想实现OnScrollListener在动态滚动到底部时加载更多数据.下面的代码给了我NullPointerException,但是当我声明时

  BusinessListDataAdapter adapter = new BusinessListDataAdapter(this,
            this.imgFetcher, this.layoutInflator, this.businesses);

Run Code Online (Sandbox Code Playgroud)

在里面setBusiness,它没有显示任何错误,工作正常.问题是,当我滚动到页面底部时,它list view用新数据替换当前数据,但我想要的是无限滚动,同时附加新数据而不是替换,以便我可以查看第一个数据向上滚动

import java.util.ArrayList;

import com.sp.sodhpuch.adapters.BusinessListDataAdapter;
import com.sp.sodhpuch.data.BusinessListData;
import com.sp.sodhpuch.tasks.BusinessListApiTask;
import com.sp.sodhpuch.tasks.BusinessListIconTask;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.util.Log;
import android.view.LayoutInflater;
import android.widget.AbsListView;
import android.widget.AbsListView.OnScrollListener;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

public class ListResultActivity extends Activity {

    private ArrayList<BusinessListData> businesses;
    private ListView businessList;
    private LayoutInflater layoutInflator;
    private BusinessListIconTask imgFetcher;
    BusinessListDataAdapter adapter = new BusinessListDataAdapter(this,
            this.imgFetcher, this.layoutInflator, this.businesses);

    @SuppressWarnings("unchecked") …

我想在我的magento网站中实现无限滚动,所以我安装了Strategery - InfiniteScroll扩展但它不起作用,首先我认为这是因为我仍然有分页,但即使在删除分页工具栏后它也无法正常工作.我删除了那些工具栏div

<div class="toolbar-top">
    <?php echo $this->getToolbarHtml() ?>
</div>

从顶部和底部.你能帮我配置一下Strategery - InfiniteScroll扩展吗？

如果这与我之前的帖子发生冲突,请道歉,但我非常坚持无限滚动的整个回调功能,希望有人可以帮助我.

我正在使用Portfolio Slideshow Pro(http://madebyraygun.com/wordpress/plugins/portfolio-slideshow-pro/)将Wordpress与Infinite Scroll结合使用.

这就是我的无限卷轴JS的样子:

<script>
  $(function(){

    var $container = $('.rest-of-content');

    $container.infinitescroll({
      navSelector  : '.wp-paginate',    // selector for the paged navigation 
      nextSelector : '.wp-paginate li a',  // selector for the NEXT link (to page 2)
      itemSelector : '.single-fg-post',     // selector for all items you'll retrieve
      bufferPX: 20,
      loading: {
          msgText: 'Fetching more gold...',
          finishedMsg: 'We\'ve ran out of gold!',
          img: '<?php bloginfo('template_directory'); ?>/images/ajax-loader-black.gif'
        }

    });

  });
</script>

幻灯片插件是一个完整的$(窗口).load所以我把所有东西都拿到里面,然后把它变成一个函数.

$(window).load(function() { portfolioSlideshow() });

但是现在我需要在每次新的帖子加载时回调该函数,尽管infinitescroll正在工作,幻灯片上的JS不是.

有人可以帮我把我创建的函数添加到infinitescroll的回调中,这样每次加载新数据时它都会重新加载函数吗？

非常感谢提前.

-R

在我的主页上,我有一个使用无限滚动的帖子循环.用户可以使用ajax(如ajax搜索等)将该循环替换为其他循环.我的问题是无限滚动仅在第一次使用时才起作用,因此如果它被主循环触发,那么当新循环替换主循环时它将不再起作用.每次新循环替换旧循环时,重新加载以下函数.因此,每次调用新循环时,如何进行无限滚动重置和工作？

var href = 'first';
$(document).ready(function() {
    $('#boxes').infinitescroll({
        navSelector: '.infinitescroll',
        nextSelector: '.infinitescroll a',
        itemSelector: '#boxes .box',
        loadingImg: '<?php echo get_bloginfo('stylesheet_directory') ?>/images/loading.gif',
        loadingText: 'Loading...',
        donetext: 'No more pages to load.',
        debug: false
    }, function(arrayOfNewElems) {
        $('#boxes').masonry('appended', $(arrayOfNewElems));
        if(href != $('.infinitescroll a').attr('href')) {
            href = $('.infinitescroll a').attr('href');
        }
    });
});

我在wordpress网站上使用Pual Irish无限滚动插件的最新版本2.0b2.120519 .

我正在制作一个简单的小网站,为Reddit帖子应用不同的格式化风格,我正在尝试添加无限滚动jQuery插件,但它没有做任何事情.我尝试按照无限滚动页面上的(非常简单的)指令,当它没有做任何事情时,我认为我必须输入错误的东西,但后来我只是复制/粘贴了Masonry/Infinite-Scroll 示例中的代码,它仍然无法正常工作.砌体工作完美(最后)但我无法弄清楚无限滚动有什么问题.我理解jQuery和JavaScript的基础知识,但显然没有大多数人那么多,所以请你帮帮我,让我知道什么是错的？我的网站是在reddit.ymindustries.com上发布的.

谢谢你们,到目前为止你们很少让我失望.

YM

编辑:如果没有足够的图像填满主页上的页面,请访问reddit.ymindustries.com/r/aww获取更多图像.

编辑2:我相信我找到了问题,它在这里描述:https://github.com/paulirish/infinite-scroll/issues/5 现在找出一个修复...

编辑3:添加了一点点黑客,使它有点工作,但它似乎现在无休止地循环第二页.嗯...

我正在试图弄清楚如何实现无限滚动列表.它将显示日历和事件,它应该从现在开始或选定日期开始.它应该可以在过去和将来的两个方向上滚动.这里的 OnScrollListener解决方案似乎工作得很好,如果我只需要去未来(索引只是变得更大).但我不明白我将如何回到过去.

这个解决方案似乎对我的情况非常浪费.getView被调用了数千次.也许ListView不是解决方案,我将不得不使用较低级别的代码.有任何想法吗？

编辑:getView被调用了数千次并不是后一种解决方案的错.但是,它仍会被调用太多次并且值不正确.如果我设置这样的选择:

myList.setSelection(Integer.MAX_VALUE的/ 2)

我得到索引从零开始的getView调用.例如,我得到这样的getView调用:

getView pos 0
...
getView pos 26

然后

getView pos 1073741823
...
getView pos 1073741847

哪些是正确的.然后:

getView pos 0
...
getView pos 26

再次

这一切都发生在我滚动或触摸屏幕之前.似乎没有多大意义.

我创建了一个无限扩展FragmentPagerAdapter（在这个站点上有关于如何实现这一点的示例）。这允许我迭代 50 个（任意数量）52 个片段（每周一个）的集合，从而为用户提供无限的片段感觉。

通过调用在片段之间滚动/跳转时ViewPager.setCurrentItem，我看到了两种情况：

1. 无论哪种方式都只跳一个片段 - 一切正常。这大概是由于专门用于此用例的代码ViewPager.setCurrentItemInternal（查找以单词开头的注释We are doing a jump by more than one page）
2. 跳过一个以上的片段，只有setCurrentItem在smoothScroll设置为true(ie setCurrentItem(i, true))时调用，新的片段才会正确显示在屏幕上；否则会出现空白屏幕

据我所知，这可能是因为其中ViewPager.scrollToItem包含以下代码：

if (smoothScroll) {
    smoothScrollTo(destX, 0, velocity);
    if (dispatchSelected) {
        dispatchOnPageSelected(item);
    }
} else {
    if (dispatchSelected) {
        dispatchOnPageSelected(item);
    }
    completeScroll(false);
    scrollTo(destX, 0);
    pageScrolled(destX);
}

这是我超出我的深度的地方。为什么这if/else会导致我正在经历的现象？

我尝试使用react-query和react-virtual中的无限查询在我的react.js项目中实现无限滚动。但无限查询支持游标和页面。我的 API 不支持页面，它在元数据中有一个限制、偏移量和总计数，如下所示

meta: { limit: 100, offset: 0, total: 1000}

无限查询是否支持限制和偏移？

我关注了一些链接。

https://codesandbox.io/s/github/tannerlinsley/react-virtual/tree/master/examples/infinite-scroll

https://react-query.tanstack.com/docs/guides/infinite-queries

我正在使用react-infinite-scroll-component 来实现无限滚动组件。该组件的配置为：

<div id="scrollableDiv" style={{ height: 300, overflow: "auto" }}>
       <InfiniteScroll
         dataLength={texts.length}
         next={getText}
         hasMore={true}
         loader={<h5>Loading...</h5>}
         endMessage={<p style={{textAlign:'center'}}><b>Yay! You've seen it all!</b></p>}
         scrollableTarget="scrollableDiv"
         >
         {<Texts texts = {texts}/>}
         </InfiniteScroll>
</div>

其中 texts 只是一些文本对象的状态数组；const [texts, setTexts] = useState([])
这是要调用的getTextnext方法：

const getText = async ()=>{

        const res = await axios.get("http://localhost:3001/api/sth",{
            params: {
                ids: followings.map(i => i.id),
                str_ids: followings.map(i => i.str_id)
              },
              paramsSerializer: params => {
                return qs.stringify(params)
              }
        });

        let str_ids_res = res.data.map(i => i.string_id)
        let texts_res = res.data.map(i …