`

滚动条向下滚动事件

 
阅读更多
<script src="/js/m/jquery-2.0.0.min.js"></script>

<script type="text/javascript">

var pageCount = ${pageCount};
var page = 1;
var keyword = '${keyword}';

var is_continue = true;

function is_need_scroll(){

    if(is_continue){
      return jQuery(document).scrollTop() + jQuery(window).height() > (jQuery(document).height() - 50);
     
    }else{
      return false;
    }
   
}

jQuery(window).unbind("scroll").bind("scroll",function() {

if(is_need_scroll()){

is_continue = false;
var url = "/mp/queryeventinfo.htm";

$("#hideContentLoad").load(url,{page:page,keyword:keyword,jsp:2}, function() {

  $(".active_content").append($("#hideContentLoad").html());
  if(page==pageCount){
  is_continue = false;
  }else{
  page++;
  is_continue = true;
  }
});

}

});
</script>
<div class="active_content">

</div>

<div id="hideContentLoad" style="display: none;"></div>

注意:写一个jsp页面,用来循环显示列表的内容
分享到:
评论

相关推荐

    JS控制滚动条自动向下滚动

    在JavaScript(JS)编程中,控制滚动条自动向下滚动是一种常见的需求,特别是在实时聊天、论坛或者日志更新等场景中,我们希望用户能够始终保持看到最新的内容。本篇将详细讲解如何利用JavaScript实现这一功能,以及...

    阻止滚动条事件冒泡

    标题中的“阻止滚动条事件冒泡”指的是在用户滚动页面某个部分时,阻止这个滚动事件向上传递到其他元素或窗口,特别是阻止`mousewheel`事件的冒泡。`mousewheel`事件通常用于处理鼠标滚轮滚动的行为,它在用户滚动...

    JS简单判断滚动条的滚动方向实现方法

    //定义默认的向上滚与向下滚的边界 [removed] = [removed] = function(){ var oScrollTop=$(window).scrollTop(); if ( oScrollTop &gt; 80) {  //write your code } if ( oScrollTop &lt; 80) {  //write your ...

    C#自定义垂直滚动条

    else // 向下滚动 customScrollBar.Value += customScrollBar.SmallChange; } ``` 综上所述,创建一个C#自定义垂直滚动条涉及的关键步骤包括:设置Panel的AutoScroll属性,创建并绑定ScrollBar的事件,以及处理...

    js自定义滚动条插件

    JavaScript 自定义滚动条插件是一种用于美化网页默认滚动条,增强用户体验的技术。通过编写或使用已有的JS库,我们可以根据设计需求定制滚动条的颜色、形状、大小以及交互效果。这样的插件通常支持自定义滚动按钮的...

    页面出现滚动条的时候如何让滚动条不影响页面宽度

    这样一来,即使在某些情况下滚动条宽度被隐藏了,也不会影响表格的布局。 需要注意的是,这样的设置会带来一些缺点。例如,在浏览器窗口大小变化时,原本使用百分比宽度设置的div等元素可能会因为无法自动居中而...

    如何区分系统滚动条消息与控件滚动条消息

    1. WM_VSCROLL:处理垂直滚动条的事件,如SC_LINEUP(向上滚动一行)、SC_LINEDOWN(向下滚动一行)、SC_PAGEUP(向上滚动一页)等。 2. WM_HSCROLL:处理水平滚动条的事件,与WM_VSCROLL类似,但适用于水平方向的...

    AS3 滚动条

    这些滚动条可以是横向的,也可以是竖向的,根据用户界面的需求进行选择。 AS3滚动条主要由以下几个部分组成: 1. **轨道(Track)**:这是滚动条的背景部分,通常包含一个滑块(Scrollbar)在其内部滑动。轨道决定...

    C# winform 自定义滚动条

    滚动条有两个主要部分:滑块(Thumb)和两个箭头按钮,分别用于向上/向左和向下/向右移动。滚动条还包括两个值:最小值(Minimum)、最大值(Maximum),以及当前值(Value)。当用户操作滚动条时,滚动事件会被触发...

    易语言超级列表框加滚动条

    例如,当用户滚动滚动条时,可能需要触发“滚动条改变”事件,更新列表框的显示内容。以下是一个简单的示例: ```易语言 .事件 滚动条改变 (滑块位置.数值) .如果 滑块位置.数值 ≠ 超级列表框1.滚动位置 超级...

    HTML网页滚动条滚动插件(匀速滚动,支持向上向下滚动)

    HTML网页滚动条滚动插件(匀速滚动,支持向上向下滚动)

    QmlTextEdit带滚动条QmlTextEditScrollBar.7z

    3. **QML事件处理**: 自定义滚动条需要监听用户的滑动操作,这些事件通常包括`onPressed`、`onReleased`和`onDragged`等,以改变`QmlTextEdit`的`y`或`x`坐标,从而实现文本的滚动。 4. **布局管理**: 在QML中,...

    易语言高级表格滚动条联动源码

    总的来说,易语言高级表格滚动条联动是一个涉及到用户界面交互和事件处理的重要功能,通过理解其背后的原理和实现技巧,开发者能够提升自己在易语言环境下创建高效、易用界面的能力。这个源码资源对于提升编程技能,...

    滚动条重绘,滚动条自绘

    本主题将深入探讨“滚动条重绘”和“滚动条自绘”,特别是涉及左箭头、右箭头、滑块和通道的绘制以及它们的点击事件响应。 首先,我们来理解“滚动条重绘”。当滚动条需要更新其外观,如改变大小、颜色或者样式时,...

    js滚动条美化

    // 当页面向下滚动超过50像素时,改变滚动条的样式 document.body.style.scrollbarWidth = 'thin'; document.body.style.overflowY = 'scroll'; } else { // 当页面回到顶部时,恢复原始样式 document.body....

    窗口加滚动条-给窗口加上滚动条并响应滚动条操作

    这些消息包含了滚动条的详细信息,如SB_THUMBTRACK(拖动滑块时)、SB_LINEUP(向上/向左滚动一行)等。我们需要根据这些信息更新窗口的状态,例如重新定位子控件。 5. **代码实现**:邓学彬提供的源码可能包括创建...

    winform下带滚动条的panel

    现在这个小东西功能很简单,在panel中加入元素,超过panel范围有滚动条,对其中元素能够进行简单的添加、删除和定位(这里用到的是竖向的滚动条,所以用的是AutoScrollPosition.Y,横向的谁用到谁自己琢磨该是什么吧...

    wpf listbox 滚动事件的判断

    在处理滚动事件时,我们需要根据具体需求来判断滚动的方向(向上或向下)以及是否到达顶部或底部。在上述代码中,我们检查了垂直偏移量`VerticalOffset`,并与可视区域高度`ExtentHeight`和视口高度`ViewportHeight`...

    滚动条动态改变大小

    滚动条通常由三个部分组成:滚动条主体、滑块和两个箭头(一个用于向上或向左移动,另一个用于向下或向右移动)。滑块的位置反映了当前在全部内容中的位置,而滚动条的长度则代表了可滚动区域的相对大小。 实现滚动...

    去浏览器滚动条代码

    但需要注意的是,在某些情况下,隐藏滚动条可能会导致页面内容不可见,因此在使用此技术时应谨慎考虑用户体验。 #### 五、实例演示 接下来,我们将通过一个简单的HTML示例来演示如何在实际项目中应用这些CSS样式。...

Global site tag (gtag.js) - Google Analytics