个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我有一些需要无限滚动的 UI 元素。所以我正在使用jscroll 。我想在 div 结束时获取新数据。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script src=js/jquery.jscroll.js></script>
<script>
$('.scrollt').jscroll(function(){
$(".scrollt").load("/handle.php?lastdis=90");});
</script>
</head>
<body>
<?php
include_once('conn.php');
$start=0;
$query="Select * from data where id > ". $start ." Limit 90;";
$res=mysqli_query($con,$query);
echo '<div class="scrollt">';
while ($row = mysqli_fetch_array($res, MYSQL_NUM)) {
echo "<p> ".$row[0]." ". $row[1]."<p><p><p>";
}
echo "</div>"
?>
</body>
</html>
所以基本上我显示了一个包含 90 条记录的页面，并希望在 load() 函数中获取 91 以上的记录。但这不起作用。
handle.php代码
<?php
include_once('conn.php');
$goahead=$_GET['lastdis'];
$query="Select * from data where id > ". $goahead ." Limit 20;";
$res=mysqli_query($con,$query);
while ($row = mysqli_fetch_array($res, MYSQL_NUM)) {
echo "<p> ".$row[0]." ". $row[1]."<p><p><p>";
}
只有两个小时的 jquery 体验。请耐心等待。
最佳答案
使用.scroll() 窗口上的事件，如下所示:
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()) {
alert("bottom!");
}
});
You can test it here ，这需要窗口的顶部滚动，因此向下滚动了多少，添加了可见窗口的高度，并检查它是否等于整体内容(文档)的高度。如果您想检查用户是否接近底部，则看起来像这样:
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
alert("near bottom!");
}
});
You can test that version here ，只需将 100 调整为您想要触发的底部的任何像素。
现在，不再在底部提醒用户使用 ajax获取您想要附加在底部的数据。
$.ajax({
url: "handle.php",
type: "post",
data: values,
success: function(data){
$("#result").append(data);
},
error:function(){
alert("failure");
$("#result").append('Error Occurred while fetching data.');
}
});
关于php - jscroll 结束时加载数据，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18021620/
25
4
0
我有一个很长的选项列表可以作为列表项加载。我正在使用 jScroll 加载前 500 个项目，并一次添加更多 500 个项目。我的 list 中有超过 30,000 件元素。 如果某些(疯狂的)用户在
尽管我按照 http://jscroll.com/#example 上的示例进行操作，但我的 jScroll 无法正常工作我做错了吗？我对 jQuery 的经验很少。 $('.scroll'
我有一些需要无限滚动的 UI 元素。所以我正在使用jscroll 。我想在 div 结束时获取新数据。 $('.scrollt').jscroll(function(){ $(".sc
我正在尝试使用回调选项淡入 jScroll 加载的新内容。这是我到目前为止所尝试过的，但没有成功。 CSS .jscroll-added { position: relative; f
似乎无法让 Jscroll 出现。我在样式表中设置了一种颜色只是为了测试它，但我无法显示任何内容。任何帮助将不胜感激。 http://cheapramen.com/JQuery/jscroll/jsc
我正在使用一个不错的插件 jScroll对于无限滚动，这些示例简单明了，但它不适合我。 滚动的脚本是: $('.infinite-scroll').jscroll({ debug: t
我正在使用 jscroll JQuery 插件。我必须使用 autotriggeruntil: 3，但它没有显示，它加载更多选项而不是加载所有内容。为什么？ 这是我的代码: $('#product-g
希望有人能帮忙... 目前，我正在使用 jScrollpane 来处理我的项目的自定义滚动条。 布局是响应式的，并且填充 div 的内容是动态生成的。除了当我调整浏览器大小时出现一些笨拙的行为之外，一
所以，我正在使用一种叫做“jscroll”(http://jscroll.com)的东西来实现无限滚动。 http://lifeto.cafe24.com/xe/request 这里是使用jscrol
我一直在尝试使用 jScroll 在我为 friend 安装的主题上设置一些滚动条的样式，但它又回来了 Uncaught TypeError: Cannot read property 'offset
我有一个 html 页面，其中包含多个具有相同类名的 div。即-e 我使用了 jscroll Pane 来实现漂亮而奇特的滚动条。它工作正常。但 scrollToBottom() 函数无法正常
我正在尝试复制这个无用的网站:http://endless.horse ，但是 jScript 文档并没有很好地解释如何实现它。 基本上，我需要一个文本 block “Body”位于顶部，然后一个文本
我有一个 JPanel (myPanel)，里面有很多按钮(这个面板包含在另一个包含其他组件的面板中)。我会将这个 JPanel (myPanel) 插入到滚动条中以更好地控制按钮。 这是我的代码的一
您好，我是 JAVA 的新手，在学习时正在开发 GUI。我创建了一个带有 ScrollPane 和 JTable 的 JFrame。当我增加 2 列以上时，第一行下方的数据不会显示。 此外，当我的 J
我使用了 jscroll 插件，还在我的应用程序中使用了延迟加载插件。现在滚动时，我的内容已正确加载和替换，但我的图像未加载。 查看我的代码:-- $('#product-grid').jscroll
如何使用 JScroll 加载 ajax 内容？在jscroll的网站上它没有任何加载 ajax 内容的示例。谁能在这方面帮助我。另外，如果 JScroll 不能做到这一点，任何人都可以给我一个 Jq
我是 Rails 和 javascript 的新手。我在 ruby on rails 中开发了一个小应用程序，它使用 solr 的 sunspot 在数据库中搜索产品。我曾经使用 kaminari
我想在我的应用程序中使用 jscrollpane。如果我将滚动 Pane 定义如下 This demonstration shows basic use of the jScrollPane
谁能帮我写一个程序，使用滚动条来选择标签的前景色。三个水平滚动条用于选择颜色的红色、绿色和蓝色分量。在包含滚动条的面板上使用标题边框。 当您调整滚动条时，标签中的前景色会发生变化。 最佳答案 听起来您
我们有一个大学项目，该项目旨在保存已完成类(class)作业的讲义和反馈。 我们想到的是将整个事情分解成更小的部分，例如:您的类(class)作业需要编写程序和结果报告等。因此，用户将通过选择“代码”
我是一名优秀的程序员,十分优秀！