在AJAX響應中實現無限滾動

-3

如何滾動Div內的元素。存在多個的div和每格內容的元素在AJAX響應中實現無限滾動

喜歡

< div class="parent" ><p><span></span></p></ div > 

< div class="parent" ><p><span></span></p></div > 

< div class="parent" ><p><span></span></p></div > 

< div class="parent" ><p><span></span></p></div >

並且它們被動態地（無限滾動）

其中< div class=" parent " >是自滾動DIV生成。

如何在頁面加載時將<span></span >元素放入div的可見部分AND/OR在ajax調用上加載更多數據？

看到的影像以供參考......我想突出顯示文本始終格的可見部分，當頁面加載...或者從阿賈克斯更多的數據負載..

來源

2016-04-26 Pinkesh Kumar

非常不清楚的問題。在哪個div上你有無限滾動功能？什麼是自動滾動div？ –

不是很清楚你的問題，也許jquery endless scroll plugin可以幫助你

來源

2016-04-26 07:45:17 Wane

它可以是一個評論，而不是一個答案 –

@HappyCoding哦，對不起，我會照顧 – Wane

這裏，我們去：

1）你必須添加的ID或類每個元素

2）使用焦點功能，您可以將元素放入div的可見部分。您必須處理setVisibleElement（）函數文檔onload事件。

<script> 
function setVisibleElement(){ 
var parentId = document.getElementById("getParentId"); 
var element = document.getElementById("yourElementId"); 
parentId.style.overflow = "auto"; 
element.focus(); 
} 
</script>

，或者您可以使用jQuery插件，滾動一個從這裏：enter link description here

希望它幫助;）

來源

2016-04-26 07:48:13 praguan

一些建議，我想先就你有UI選擇無限滾動。

您只需要一個可滾動的父div。

爲了使滾動發生：

// CSS 
.parent { 
    overflow: auto; 
} 
/* 
    This makes sure that it's your parent div that can be scrolled 
    Not the whole page. 
*/

使得AJAX調用：

function getData() { 
    $.ajax({ 
    url: "your url", 
    method: 'GET' 
    }) 
    .done(function(data) { 
    $.each(data, function(i, val) { 
     $(".parent").append("<span>"+val+"</span>"); 
    } 
    }); 
};

創建一個函數滾動：

var scrollTracker = function() { 
    if($(window).scrollTop() + $(window).height() >= $(document).height()) { 
    getData(); 
    } 
}

來源

2016-04-26 07:57:26

在AJAX響應中實現無限滾動

回答

相關問題