无限滚动分页答案

【问题标题】：Infinite Scrolling Paging无限滚动分页
【发布时间】：2015-01-12 09:07:19
【问题描述】：

谁能告诉如何为 $flickr->call('flickr.photos.search') 实现无限滚动分页；我有用户登录和前 10 组照片。现在如何实现剩余照片的滚动分页。

我正在使用 * Flickr API 工具包，支持 OAuth 1.0a for PHP >= 5.3.0。和 Codeigniter

任何帮助将不胜感激......

【问题讨论】：

标签： php jquery codeigniter phpflickr

【解决方案1】：

在您的设计中为包含故事的 div 提供唯一的 id 值，并使用 Jquery 使用 Ajax Post 将该值发布到您的控制器，然后检索下一组 Flickr 数据。获得结果后，将其附加到最后一个 div 下方。

您的查看页面如下所示：

<div class="flickr_container">       
<div class="flickr_myphotos" id="<?php echo $fli; ?>">
{your flickr photos here }
</div>

<div class="flickr_myphotos" id="<?php echo $fli; ?>">
{your flickr photos here }
</div>
.........
</div>

您的 Jquery Scroll 事件如下所示：

$('.container').bind('scroll', function(){

if($(".container").scrollTop() + $(".container").innerHeight()>=$(".container")[0].scrollHeight)
    {

            var LastDiv = $(".flickr_myphotos:last");
            var LastId  = $('.flickr_myphotos').last().attr('id');
            var dataString = 'LastId='+ LastId ;

            if(dataString){
                $.ajax({
                type: "POST",
                url: "{ Controller here }",
                data: dataString,
                cache: false,
                success: function(html){
                LastDiv.after(html);

                });
}

还有你的控制器功能：

$parameters = array('user_id' => {USER ID HERE} ,'per_page' => 10,'page' => $page); $result = $flickr->call('flickr.photos.search', $parameters);

将结果放在视图中

<div class="flickr_myphotos" id="<?php echo $fli; ?>">
{your flickr photos here }
</div>

【讨论】：

你能分享你的网址吗
我指的是网站之一..hoosuite facebook 登录和 Newsfeed 和滚动事件...有人知道它的滚动工作原理吗