`
kt431128
  • 浏览: 39131 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery滚轮滚动到页面底部异步加载数据

 
阅读更多

var totalheight = 0;  

function loadData(){ 

            totalheight = parseFloat(jQuery(window).height()) + parseFloat(jQuery(window).scrollTop());  

 

            if (jQuery(document).height() <= totalheight) {  

 

                     jQuery.post("",{},function(data){

                 if(data!=null && data.trim()!=""){

                                              if(count%4==0){

                                              jQuery(".chapter_content").html(data);

                                                                     }else{

                                                                        jQuery(".chapter_content").append(data);

                                                                            }

                                                               }

                                              });

                                                 }

                                                    }

 

jQuery(document).ready(

               function(){

                     jQuery(window).scroll( function() { 

                                    loadData();

                               }); 

                         });

分享到:
评论

相关推荐

    鼠标滚轮到最底端继续加载新数据思路

    "鼠标滚轮到最底端继续加载新数据思路"是一种优化用户体验的技术,通常被称为“无限滚动”或“滚动加载”。这种技术允许用户在不离开当前页面的情况下,只需滚动页面至底部,系统就会自动加载更多的内容,为用户提供...

    滚动鼠标到底部增加页面内容

    这种技术允许用户在浏览网页时,无需点击分页按钮,只需将鼠标滚轮滚动到页面底部,页面内容就会自动加载更多。这种设计优化了用户体验,特别是在内容丰富的网站如社交媒体、新闻门户和电商网站中。 1. **无限滚动...

    H5上拉下拉加载数据,带js模拟数据

    上拉加载,也称为无限滚动或滚动加载,是指当用户滚动页面到底部时,新的内容自动加载并显示在当前视窗下方。下拉加载则相反,用户在页面顶部下拉时,新内容出现在上方。这种设计主要用于处理大量数据,如社交媒体...

    基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )

    总的来说,基于jQuery的无限滚动加载是一种提升用户交互体验的有效方法,它通过监听滚动事件、判断滚动位置和异步加载新数据来实现。在实际项目中,可以根据具体需求进行相应的优化和调整,以确保最佳的性能和用户...

    页面加载中轮滚插件

    它通常结合Ajax(异步JavaScript和XML)技术实现,允许页面在用户滚动到页面底部时动态地添加新内容,而不是要求用户点击分页按钮。这种设计使得用户可以连续浏览内容,无需中断阅读或操作。 在iOS-Overlay-gh-...

    两种js监听滚轮事件的实现方法

    1. **滚动到底部加载更多数据**:当用户滚动到页面底部时,可以通过异步请求加载更多的内容,通常用于分页或无限滚动的场景。 2. **固定头部**:当页面滚动到一定位置时,将头部元素固定在屏幕顶部,常用于导航栏。 ...

    ScrollPage.rar

    在网页设计和开发中,"页面滚动"是一个关键的交互元素,它允许用户通过滚动鼠标滚轮或触摸屏幕来查看页面的更多内容。"ScrollPage.rar"提供的案例显然是关于实现这种滚动加载效果的一个实例,这在当今的网页设计中...

    Jquery实现评论内容上下滑动切换效果

    // 滚动到底部 }); }); // 如果支持鼠标滚轮,还可以监听滚动事件 $comments.on('mousewheel', function(event) { if (event.deltaY $comments.scrollTop() === 0) { // 向上滚动且已到达顶部,加载更多早期...

    新闻图片浏览效果

    4. AJAX:异步加载图片和更多内容,避免页面整体刷新,提高用户体验。 5. 图片压缩:为了减少加载时间,可以使用图片压缩工具(如TinyPNG)对图片进行压缩,减小文件大小。 在实际开发中,我们可以按照以下步骤进行...

    iscroll5实现的仿原生下拉刷新,上拉加载效果

    这里,`loadNewData`和`loadMoreData`是开发者自定义的函数,负责异步加载数据。加载完成后,通过调用`myScroll.refresh()`来更新iscroll5的状态,使其反映新的内容长度。 jQuery特效标签可能意味着在实现过程中,...

    轮播图变换.rar

    3. 避免阻塞渲染:将JavaScript脚本放在`&lt;body&gt;`底部,或使用异步加载,防止页面加载受阻。 综上所述,"轮播图变换"涉及到了前端开发的多个方面,包括HTML、CSS、JavaScript、响应式设计以及用户体验优化。在实际...

Global site tag (gtag.js) - Google Analytics