<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
var elem_height = $("body").height()+200; //插入元素高度/单位px(每屏高度)
var main = $("#try"); //主体元素
$(main).css("height",elem_height);
var maxTimes = 6;
var offsetNum = 0;
$(window).scroll(function(){
var scrollPos = $(window).scrollTop(); //滚动条距顶部距离
var bodyHeight = $("body").height(); //页面(约等于窗体)高度/单位px
var mainHeight = main.height(); //主体高度px
if((bodyHeight + scrollPos) >= (mainHeight) && offsetNum != maxTimes){
$(main).append("<div style='height:"+elem_height+"' >hello world"+scrollPos+"---"+offsetNum+"</div>");
offsetNum++;
}
});
});
</script>
</head>
<body>
<div id="try">
<div id="follow">this is a scroll test;<br/> </div>
</div>
<div>页面下拉自动加载内容......</div>
</body>
</html>
分享到：
相关推荐
Axure设计—滚动加载（中继器 ）；Axure设计—滚动加载（中继器 ）；Axure设计—滚动加载（中继器 ）Axure设计—滚动加载（中继器 ）Axure设计—滚动加载（中继器 ）；Axure设计—滚动加载（中继器 ）
**jQuery无限滚动加载图片瀑布流代码详解** 在网页设计中，瀑布流布局（Masonry Layout）因其独特的展示方式，能够使页面元素排列得既美观又节省空间，特别适合用于图片展示类网站。jQuery无限滚动加载图片瀑布流...
Ajax（Asynchronous JavaScript and XML）和jQuery（JQ）结合的滚动加载页面技术，是现代网页开发中的一个重要实践，尤其在大数据量、高交互性的网站中广泛应用。这种技术通过监听用户的滚动行为，当页面接近底部时...
无限滚动加载，也被称为“滚动触发加载”或“懒加载”，是现代网页和移动应用设计中常见的一种技术。它的核心思想是在用户滚动页面到底部时，动态地加载更多内容，而不是一次性显示所有信息，从而提高了页面加载速度...
jQuery滚动加载，也被称为无限滚动或懒加载，是网页设计中一种常见的优化技术。它允许网页在用户滚动页面到底部时动态加载更多内容，而无需手动点击“加载更多”按钮或者刷新整个页面。这种技术在新闻网站、社交媒体...
在IT行业中，全屏滚动加载是一种常见的网页设计技术，它能提供流畅的用户体验，尤其适用于展示型网站或产品介绍页面。360网站全屏滚动加载的实现涉及到多个技术领域，包括HTML、CSS3和JavaScript。下面将详细介绍...
当我们谈论“jQuery Mobile 滚动加载内容”时，我们实际上是在讨论一种动态加载技术，即在用户滚动页面到接近底部时，通过 AJAX（异步 JavaScript 和 XML）技术从服务器获取并插入更多内容，以实现无尽滚动的效果。...
本篇将深入探讨如何利用jQuery Mobile和Ajax实现滚动加载内容这一功能，这对于创建无限滚动的网页尤其重要。 一、jQuery Mobile 概述 jQuery Mobile是一个基于jQuery库的轻量级框架，它为移动设备提供了一套统一的...
滚动加载，也称为无限滚动或懒加载，是一种网页设计技术，当用户滚动页面时，新内容会自动加载，无需点击“下一页”按钮。这种技术提高了用户体验，尤其是在处理大量数据时，如社交媒体、新闻网站和电子商务平台。 ...
在移动设备上，为了优化用户体验，常常需要使用到“上拉滚动加载更多”功能，这在Jquery中可以通过实现特定的脚本逻辑来达成。这种技术通常被应用于新闻列表、商品展示等需要显示大量数据的场景，使得用户不必翻页，...
在JavaScript和DOM编程中，高性能滚动加载是一种常见的优化技术，主要应用于大数据量、长列表的网页，如社交媒体新闻 feed 或者电商商品列表。这种技术旨在提高用户体验，避免因频繁的DOM操作导致页面卡顿，尤其是在...
【jQuery无限滚动加载图片瀑布流】是一种常见的网页设计技术，用于优化用户体验，特别是在展示大量图片内容的网站上。这种技术允许用户在滚动页面时，图片会自动加载，而不是一次性加载所有内容，从而减少了页面初次...
listview实现下拉刷新，滚动加载
这个组件的一大特点是它的滚动加载功能，能够根据用户滚动页面的行为动态加载更多内容，从而提高用户体验并减少初次加载时的数据量。 在瀑布流布局中，元素通常是垂直排列的，每一列的高度不固定，使得布局看起来像...
在这个项目中，"jquery响应式网站瀑布流布局带图片延迟无限滚动加载效果"主要涉及以下几个关键知识点： 1. **jQuery**：jQuery简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。在瀑布流布局中，jQuery...
在用户滚动页面时，内容会不断加载，仿佛没有尽头，这就是所谓的“无限滚动加载”。 瀑布流的核心实现依赖于JavaScript库，其中两个关键的库在提供的文件中已经包含：`jquery-1.4.2.min.js`是jQuery库，`jquery....
在现代Web应用中，用户体验是至关重要的，"无刷新联级，滚动条滚动加载数据"是一种提高用户体验的有效技术。这种技术通常被称为无限滚动或者滚动加载，它允许用户在不刷新整个页面的情况下，通过滚动页面来加载更多...
页面内容滚动加载是一种常见的网页优化技术，也被称为“无限滚动”或“滚动侦测加载”。这种技术允许网页在用户滚动到页面底部时自动加载更多内容，而不是一次性加载所有内容，从而提高了网页的加载速度和用户体验。...
滚动加载，也称为无限滚动或滚动刷新，是现代网页和应用程序设计中的一种常见技术。它允许用户在不离开当前页面的情况下，通过滚动页面自动加载更多内容。这种设计大大提升了用户体验，尤其是在处理大量数据如新闻 ...
在这个“vue中elementUI的table滚动加载.zip”压缩包中，我们主要探讨的是ElementUI Table组件的滚动加载功能。 滚动加载，也称为无限滚动或分页加载，是一种优化用户体验的技术，当用户滚动到页面底部时，会自动...