`
zqleye
  • 浏览: 41775 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

判断滚动条是否到达页面的尾部?

    博客分类:
  • js
 
阅读更多
  1.  取窗口滚动条高度   
  2. function getScrollTop()   
  3. {   
  4.     var scrollTop=0;   
  5.     if(document.documentElement&&document.documentElement.scrollTop)   
  6.     {   
  7.         scrollTop=document.documentElement.scrollTop;   
  8.     }   
  9.     else if(document.body)   
  10.     {   
  11.         scrollTop=document.body.scrollTop;   
  12.     }   
  13.     return scrollTop;   
  14. }   
  15.   
  16.   
  17.  取窗口可视范围的高度   
  18. function getClientHeight()   
  19. {   
  20.     var clientHeight=0;   
  21.     if(document.body.clientHeight&&document.documentElement.clientHeight)   
  22.     {   
  23.         var clientHeight = (document.body.clientHeight<document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;           
  24.     }   
  25.     else  
  26.     {   
  27.         var clientHeight = (document.body.clientHeight>document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;       
  28.     }   
  29.     return clientHeight;   
  30. }   
  31.   
  32.  
  33.  取文档内容实际高度   
  34. function getScrollHeight()   
  35. {   
  36.     return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight);   
  37. }   
  38.         function test(){   
  39.     if (getScrollTop()+getClientHeight()==getScrollHeight()){   
  40.         alert("到达底部");   
  41.     }else{   
  42.         alert("没有到达底部");   
  43.     }   
  44.         }  
分享到:
评论

相关推荐

    易语言滚动条位置判断

    在该事件中,首先调用`GetScrollInfo`获取当前滚动条的位置,然后根据业务需求进行判断,例如,如果滚动条到达了顶部或底部,可以触发特定的操作。 源码中可能会包括以下步骤: 1. 导入`GetScrollInfo`, `...

    易语言判断滚动条是否在底端

    易语言判断滚动条是否在底端源码,判断滚动条是否在底端,滚动条是否在底端,API_GetScrollInfo,API_LocalSize_SCROLLINFO,API_LocalSize_SCROLLBARINFO,API_GetScrollBarInfo

    判断滚动条是否滚动到底部以及判断页面数据是否修改

    总的来说,"判断滚动条是否滚动到底部"和"判断页面数据是否修改"是前端开发中的基础任务,涉及了事件处理、DOM操作以及兼容性处理等多个方面。通过理解并熟练运用这些知识点,开发者可以创建出更加智能和响应式的...

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

    在网页设计中,当页面内容超出了可视区域的宽度时,浏览器会自动添加水平滚动条以允许用户水平滚动查看隐藏的内容。然而,滚动条本身会占用一定的空间,这可能会导致页面宽度缩小,从而影响布局的整体美观性。为了不...

    19.如何设置滚动条的滚动范围?(Visual C++编程 源代码)

    19.如何设置滚动条的滚动范围?(Visual C++编程 源代码)19.如何设置滚动条的滚动范围?(Visual C++编程 源代码)19.如何设置滚动条的滚动范围?(Visual C++编程 源代码)19.如何设置滚动条的滚动范围?(Visual ...

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

    以下代码实现判断页面的滚动条的滚动方向; var sign = 80;//定义默认的向上滚与向下滚的边界 [removed] = [removed] = function(){ var oScrollTop=$(window).scrollTop(); if ( oScrollTop &gt; 80) {  //write ...

    21.如何获取垂直滚动条箭头位图宽度?(Visual C++编程 源代码)

    21.如何获取垂直滚动条箭头位图宽度?(Visual C++编程 源代码)21.如何获取垂直滚动条箭头位图宽度?(Visual C++编程 源代码)21.如何获取垂直滚动条箭头位图宽度?(Visual C++编程 源代码)21.如何获取垂直滚动...

    angular6 滚动条判断是否触底.md

    angular6,div 滚动条判断是否触底,用于滚动加载数据。

    易语言判断滚动条是否在底端源码

    在这个“易语言判断滚动条是否在底端源码”的主题中,我们将深入探讨如何在易语言中实现对滚动条状态的检测,特别是判断滚动条是否已经滑动到底部。 首先,我们需要理解滚动条的基本概念。滚动条是用户界面中的一个...

    20.如何获取水平滚动条箭头位图宽度?(Visual C++编程 源代码)

    20.如何获取水平滚动条箭头位图宽度?(Visual C++编程 源代码)20.如何获取水平滚动条箭头位图宽度?(Visual C++编程 源代码)20.如何获取水平滚动条箭头位图宽度?(Visual C++编程 源代码)20.如何获取水平滚动...

    js判断滚动条是否已到页面最底部或顶部实例

    在本文中,我们将深入分析如何使用JavaScript来判断滚动条是否到达了页面的最顶部或最底部,并探讨了如何实现这一功能的技巧。 首先,我们来理解什么是可视区域(viewport)。可视区域指的是用户在浏览器窗口中可以...

    获取鼠标在页面上的位置(包括滚动条)

    ### 获取鼠标在页面上的位置(包括滚动条) #### 概述 在网页开发过程中,有时候我们需要获取用户鼠标在页面上的具体位置,特别是当页面存在滚动条时,这将有助于实现某些交互功能,如动态提示、点击反馈等。本文...

    C#利用API判断滚动条的位置

    这可能涉及到事件处理和条件判断,例如,在按钮点击事件处理函数中,检查滚动条的位置是否达到最大值,如果是,则触发提示信息的显示。 在实现这一功能时,开发者可能需要使用以下步骤: 1. 注册滚动条的消息,例如...

    移动端html5判断是否滚动到底部并且下拉加载

    如何判断滚动是否滚动到了底部? 首先要了解的知识 scrollHeight,clientHeight,scrollTop scrollHeight 只读属性,高度包括所有内容,包含内边距,但不把水平滚动条、边框和外边距算在内。 clientHeight 也是只读...

    cxGrid判断滚动到记录尾部否

    要判断cxGrid是否滚动到记录尾部,我们需要关注cxGrid的`OnScroll`事件。这个事件会在用户滚动网格时触发。在事件处理函数中,我们可以访问cxGrid的`ActiveView`属性来获取当前视图对象,然后通过`ActiveView....

    页面布局有滚动条

    在网页设计中,页面布局与滚动条是两个关键的元素,它们共同决定了用户在浏览网站时的体验。页面布局有滚动条,意味着网页的内容超过了单屏显示的范围,需要通过滚动来查看全部信息。这样的设计既有可能是由于内容...

    易语言源码易语言判断滚动条是否在底端源码.rar

    然后通过获取滚动条的当前位置和最大位置来判断是否到达底部。以下是一个简单的示例: 1. 创建易语言项目,并添加一个滚动条组件。 2. 使用“滚动条.获取当前位置”命令获取滚动条当前的滚动位置。 3. 使用“滚动条...

    JS判断页面是否出现滚动条的方法

    在Web开发中,经常需要根据页面内容的实际大小与浏览器窗口的大小关系来判断是否需要显示滚动条。对于JavaScript来说,判断页面是否出现了水平或垂直滚动条是一个常见需求,这涉及到DOM元素的读取和判断技巧。本文将...

    易语言滚动条位置判断源码

    3. **条件判断**:通过比较滚动条的当前位置和最大位置,我们可以判断用户是否滚动到了滚动条的顶部、底部、左侧或右侧。这在实现一些特定逻辑时非常有用,如数据加载或分页。 4. **数值计算**:如果滚动条关联了一...

Global site tag (gtag.js) - Google Analytics