标签: infinite-scroll

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

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

我正在尝试使用CasperJS从twitter获取一些信息.我被无限卷轴所困扰.问题是即使使用jquery滚动页面也没什么作用.既不滚动也不触发确切的事件window(像uiNearTheBottom一样)似乎没有帮助.有趣的事情 - 所有这些尝试都可以通过FF和Chrome中的js控制台注入JS代码.这是示例代码:

casper.thenEvaluate(function(){
    $(window).trigger('uiNearTheBottom');
});

要么

casper.thenEvaluate(function(){
    document.body.scrollTop  =  document.body.scrollHeight;
});

我认为懒惰加载和无限滚动是相同的事情,但今天我听说这是两件不同的事情.真的吗？

我想实现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") …

尝试使用ui-grid的无限滚动功能,但没有成功.

使用3.0.0-v16和当前不稳定脚本版本(2天前发布).我正在关注http://ui-grid.info/docs/#/tutorial/212_infinite_scroll的例子.

当ui-grid调用$scope.gridOptions.onRegisterApi(gridApi)方法时,注入的gridApi对象没有infiniteScroll成员.

确实,以下行

gridApi.infiniteScroll.on.needLoadMoreData($scope, function () {...});

加薪

TypeError: Cannot read property 'on' of undefined
at Object.$scope.gridOptions.onRegisterApi (http://...my-ctrl.js:144:35)
at Grid.renderingComplete (http://ui-grid.info/release/ui-grid-unstable.js:4791:20)

你知道什么是错的吗？

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

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

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

我正在使用无限的ajax滚动.它正在工作,因为我可以点击加载更多项目,这将加载内容.然而,我应该停在最后一页,并显示"没有更多的帖子",而是它仍然显示"加载更多项目"链接,点击时再次从第2页开始分页.

安慰:

Welcome at page 2, the original url of this page would be: /website/home/2
Welcome at page 3, the original url of this page would be: /website/home/3

我应该显示"没有更多的帖子" - 而是继续如下:

Welcome at page 4, the original url of this page would be: /website/home/2
Welcome at page 5, the original url of this page would be: /website/home/3

IAS:

<script type="text/javascript">
var ias = $.ias({
  container: "#posts",
  item: ".post",
  pagination: "#pagination",
  next: ".next a"
});

ias.extension(new IASSpinnerExtension());
ias.extension(new IASTriggerExtension({offset: 1}));
ias.extension(new …

我试图在Web应用程序中实现无限滚动,可以从服务器添加或删除记录,按照其id的字母顺序排序,相关数据也可以随时更改,我必须显示最新数据.我理解无限滚动如何工作以及如何显示固定对象集的最新数据(在我的情况下,重复轮询并在视图中转储数据),但我无法理解如何集成两者.API使用游标并每次向我发送20条记录.请帮忙

我正在努力ionInfiniteScroll工作 - 我已经让它在我的应用程序中的其他几个地方工作,而且这个页面实际上几乎与另一个工作正常的页面相同.当我向下滚动时没有任何反应,没有加载图形.我的doInfinite方法内部有一个控制台消息,它永远不会执行...所以doInfinite代码永远不会执行.我想也许html结构有问题,因为该方法没有执行:

<ion-content no-padding>
  <div (swipeLeft)="swipeLeft()" (swipeRight)="toFull()"> <!--(swipeRight)="toProfile()"-->

    ...

   <div class ='weeklydeals contentone' #weeklydeals [@moveList]='moveState'>
   <ion-list class="marginstatus" no-padding>
     <ion-item *ngFor="let a of promotions" no-padding>
      <div class="feedtoptextcontainer">
        <!--<div class="imageparent">
          <img class="postprofilepic" src="{{a.url}}">
        </div>-->
        <div class="usernamecontainer">
          <h4 class="postusername">@{{a.username}}</h4><br>
        </div>
        <h3 class="promotitle">{{a.title}}</h3>
        <div class="desccontainer">
          <h4 class="deal">{{a.caption}}</h4>
        </div>
      </div>
      <!--<img class="imagepost" src="{{i}}">-->
     </ion-item>
   </ion-list>
   <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
    <ion-infinite-scroll-content
      loadingSpinner="bubbles"
      loadingText="Loading more data...">
    </ion-infinite-scroll-content>
   </ion-infinite-scroll>
  </div>

  ...

  <ion-item class="noavail" #noavail no-padding no-lines>NO RESULTS</ion-item>
</div>

doInfinite方法代码:

doInfinite(infiniteScroll) {
    console.log("in doinfinite promotionsssssss");
    setTimeout(() …

我使用md-virtual-repeat实现了无限水平滚动.当我向右滚动时,每次需要时它会获取25条记录.

<md-virtual-repeat-container flex md-orient-horizontal>
  <div md-virtual-repeat="item in $ctrl.infiniteItems" md-on-demand>
    {{ item.date }}
  </div>
</md-virtual-repeat-container>

基本上它是一个水平的日期列表(包含其他信息),您可以滚动.滚动到将来的日期.工作良好.

现在,我想滚动到过去日期的左侧.

我正在寻找一种从中间开始的方式(今天的日期是).我已尝试md-top-index通过控制器上的值进行设置,但在从服务器获取第一页后,它会重置为较低的数字.

<md-virtual-repeat-container flex md-orient-horizontal md-top-index="$ctrl.topIndex">
  <div md-virtual-repeat="item in $ctrl.infiniteItems" md-on-demand>
    {{ item.date }}
  </div>
</md-virtual-repeat-container>

如何配置md-virtual-repeat-container并md-virtual-repeat允许向左和向右滚动？

更新:这是一个带有Codepen的沙箱,我希望能够容纳一个向左滚动的按钮.https://codepen.io/christiaanwesterbeek/pen/pLRQgg

Update2:设置md-top-index为某个正整数允许在两个方向上滚动.但是在角材料部位给出的例子md-top-index不是无限滚动.我的问题的解决方案是md-top-index无限滚动的地方.