[英]Element scroll is not working to load more data from db
I have this code for loading some data using a vertical scrolling on the element but it's not working if I change the 'div[data-tk="or"] .data .datadivmain' to document it's working but I want to use elements scroll. 我有这段代码用于在元素上使用垂直滚动加载一些数据,但是如果我更改'div [data-tk =“ or”] .data .datadivmain'以证明它正在工作,但它不起作用,但是我想使用元素滚动。 any thought on this? 有什么想法吗?
$('div[data-tk="or"] .data .datadivmain').scroll(function(e) {
// grab the scroll amount and the window height
var scrollAmount = $('div[data-tk="or"] .data .datadivmain').scrollTop();
console.log('scroll position amount:', scrollAmount);
var documentHeight = $(document).height();
// calculate the percentage the user has scrolled down the page
var scrollPercent = (scrollAmount / documentHeight) * 100;
if (scrollPercent > 30) {
var main_data = $('div[data-tk="or"] .data .datadivmain');
$(new_data).children().appendTo(main_data);
$(Dahlia.V.currentPage.main + " .nex a").click();
}
});
the issue was with loading codes although I have added that inside the document ready it still was not working so I used the setTimeout
function and it's working now. 问题是加载代码,尽管我已经添加了文档,但是它仍然无法正常工作,因此我使用了setTimeout
函数,并且现在可以正常工作。
setTimeout(function() {
var new_data = $('div[data-tk="ro"] .data .datadiv');
new_data.css('display', 'none');
$('div[data-tk="ro"] .data .pagination ,div[data-tk="ro"] .data .listcount').css('display', 'none');
var datadivmain = $("<div></div>").addClass("datadivmain");
datadivmain.css({ 'overflow-y': 'auto', 'height': '500px' });
if (!$('div[data-tk="ro"] .data .datadivmain').length > 0) {
datadivmain.insertBefore(new_data);
var main_data = $('div[data-tk="ro"] .data .datadivmain');
$(new_data).children().appendTo(main_data);
}
$('div[data-tk="ro"] .data .datadivmain').scroll(function() {
var main_data = $('div[data-tk="ro"] .data .datadivmain');
// grab the scroll amount and the window height
var scrollAmount = main_data.scrollTop();
var documentHeight = main_data.height();
var full_height = main_data[0].scrollHeight;
// calculate the percentage the user has scrolled down the page
var scrollPercent = (scrollAmount / (full_height - documentHeight)) * 100;
// console.log('full_height', scrollPercent);
if (scrollPercent > 96) {
$(new_data).children().appendTo(main_data);
$(Dahlia.V.currentPage.main + " .nex a").click();
}
});
}, 1000);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.