javascript-无需滚动即可在当前div上方加载新的Ajax内容
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-无需滚动即可在当前div上方加载新的Ajax内容,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1299字,纯文字阅读大概需要2分钟。
内容图文
![javascript-无需滚动即可在当前div上方加载新的Ajax内容](/upload/InfoBanner/zyjiaocheng/660/e5f3007906bd4417b46d50a0ef421a71.jpg)
我不确定是否可以在此处发布没有代码的问题.无论如何,如果范围太广或不合适,我会很乐意删除.我目前正在实现拉动刷新的过程,并且永无止境地滚动,显然这两个原因都因为它们的可用性而非常受欢迎.
这些功能也有一些反对者.我刚刚读了article,说明了从设计人员的角度来看,几年后应该如何删除“刷新到刷新”,因为所有内容都会自动刷新,并且谁想要手动刷新内容.同样,永无止境的滚动可能会丢失您的位置或无法加载新内容而不得不刷新…
我很想让所有新帖子自动出现,并将它们添加到我的列表的顶部,但是,如果您想到类似Twitter之类的东西,那么您实际上就不会读过任何推文.它们会很快刷新,您尝试阅读的所有内容都会被掩埋.
有没有人真的决定使用甚至想做的样子呢?抱歉,我的意思是,有没有人看到它实施了新内容/帖子会自动加载到最新帖子上方,但我在页面上的位置保持不变的方法?我想看看它是如何完成的.谢谢.
解决方法:
不,我不记得有一个网站完全符合您的描述.但是我做了一个小功能,可以模仿您想要很好地实现的目标.
Here’s a demo,您可以实时查看代码.
代码如何工作
1).定义跟踪当前文档顶部偏移量的变量,如下所示:
var curr_y = $(window).scrollTop();
2).每次用户滚动时,将当前偏移量的值更新到文档顶部:
$(window).scroll(function () {
curr_y = $(window).scrollTop();
});
3).使用您的函数来获取数据,然后使用此代码在容器之前添加前缀,然后将页面滚动到其在添加前缀之前的位置:
cont = $('<div>your-content');
$("#container").prepend(cont);
$(window).scrollTop(curr_y + cont.outerHeight(true));
内容总结
以上是互联网集市为您收集整理的javascript-无需滚动即可在当前div上方加载新的Ajax内容全部内容,希望文章能够帮你解决javascript-无需滚动即可在当前div上方加载新的Ajax内容所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。