这篇文章给大家分享的是有关Jquery如何实现滚动刷新效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。Jquery实现简单的滚动刷新效果: 实际情况使用ajax获取后台数据更新
这篇文章给大家分享的是有关Jquery如何实现滚动刷新效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
Jquery实现简单的滚动刷新效果:
实际情况使用ajax获取后台数据更新前端页面即可实现页面滚动刷新效果
html正文:
<fORM id="form1" runat="server">
<div >
</div>
</form>
javascript操作代码:
$(document).ready(function() {
$(window).scroll(function() {
//$(document).scrollTop() 获取垂直滚动的距离:最小值为0,最大值:文档高度-可视化窗口高度
//$(document).scrollLeft() 这是获取水平滚动条的距离
console.log("垂直滚动条位置:"+$(document).scrollTop()+"--"+$(window).height());
if ($(document).scrollTop() <= 0) {
console.log("滚动条已经到达顶部为0");
}
if ($(document).scrollTop() >= $(document).height() - $(window).height()) {
console.log("滚动条已经到达底部为" + $(document).scrollTop());
}
});
});
效果:
感谢各位的阅读!关于“jQuery如何实现滚动刷新效果”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
--结束END--
本文标题: jQuery如何实现滚动刷新效果
本文链接: https://www.lsjlt.com/news/67501.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0