Jquery实现简单的滚动刷新效果：

实际情况使用Ajax获取后台数据并更新首页可以达到页面滚动刷新的效果

HTML正文：

表单id=' form 1 ' runat=' server ' div style=' height : 3000 px；背景-颜色：黄色；/div/formJavascript操作代码：

$(文档)。ready(函数(){$(窗口))。scroll(函数(){//$(文档))。scrolltop()获取垂直滚动的距离：最小值为0。最大值：文档高度-可视化窗口高度//$(文档)。scrollLeft()这是距离控制台. log('垂直滚动条位置：' $(文档)。scrolltop ()'-'$(窗口)。高度())；If ($(文档)。scrolltop ()=0) {console.log('滚动条已到达顶部，为0 ')；} /** *$(文档)。高度():文档高度*$(窗口)。height():可见性高度：窗口大小：根据浏览窗口的大小变化*判断底部：文档高度=滚动条的垂直高度* */if ($(document)。scrollTop ()=$(文档)。高度()-$(窗口)。height ()) {console.log('滚动条已到达底部' $(文档)。scroll top()))；}});});效果：

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。