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

判断滚动条在最下方

 
阅读更多

/********************

* 取窗口滚动条高度 

******************/

function getScrollTop()

{

    var scrollTop=0;

    if(document.documentElement&&document.documentElement.scrollTop)

    {

        scrollTop=document.documentElement.scrollTop;

    }

    else if(document.body)

    {

        scrollTop=document.body.scrollTop;

    }

    return scrollTop;

}

 

 

/********************

* 取窗口可视范围的高度 

*******************/

function getClientHeight()

{

    var clientHeight=0;

    if(document.body.clientHeight&&document.documentElement.clientHeight)

    {

        var clientHeight = (document.body.clientHeight<document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;        

    }

    else

    {

        var clientHeight = (document.body.clientHeight>document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;    

    }

    return clientHeight;

}

 

/********************

* 取文档内容实际高度 

*******************/

function getScrollHeight()

{

    return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight);

}

function test(){

if (getScrollTop()+getClientHeight()==getScrollHeight()){

alert("到达底部");

}else{

alert("没有到达底部");

}

}

分享到:
评论

相关推荐

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

    在这个特定的案例中,“C#利用API判断滚动条的位置”指的是使用C#编程语言通过系统API获取滚动条的状态,并根据其位置执行相应操作。 滚动条通常在窗口或控件中使用,用于浏览超过可视区域的内容。在Windows API中...

    C#控制滚动条

    虽然上述方法可以有效地使滚动条始终保持在最底部,但在处理大量数据或高频率更新时,频繁调用 `Text` 属性和滚动操作可能会导致性能下降和用户体验不佳。为了优化这一点,可以考虑以下策略: - **使用缓冲区**:...

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

    本压缩包文件"易语言源码易语言判断滚动条是否在底端源码.rar"包含了使用易语言编写的源代码,其主要功能是判断一个滚动条是否已经滚动到底部。这个功能在许多界面交互的软件中都有应用,例如网页浏览、文本编辑器...

    jQuery实现判断滚动条滚动到document底部的方法分析

    本文将详细解析如何使用jQuery来实现判断滚动条滚动到document(文档)底部的方法。这个功能通常用于动态加载数据,例如分页加载文章、图片或其他内容。 首先,我们需要了解几个关键的概念: 1. **滚动条滚动高度*...

    listbox滑动到底部后加载数据

    在Windows Phone 7、WPF(Windows Presentation Foundation)和Silverlight等平台上,...通过监听滚动事件并判断滚动位置,可以在用户即将看到列表底部时动态加载新的数据,提高应用性能,同时保持良好的用户体验。

    JS实现利用闭包判断Dom元素和滚动条的方向示例

    在这个示例中,闭包被用来跟踪和判断滚动条的方向以及DOM元素上的鼠标移动方向。以下是这些知识点的详细说明: 1. **判断滚动条方向**: 在这个例子中,`scroll` 函数利用闭包来保存滚动条的初始位置(`...

    jquery实现页面滚动到最下方自动按分页的形式加载内容效果

    1. **检测滚动位置**:使用`$(window).scroll()`监听滚动事件,然后使用`$(window).scrollTop()`获取滚动条的垂直偏移量,`$(document).height()`获取文档的总高度,`$(window).height()`获取视口的高度。如果滚动条...

    js+cookie实现的网页下方页脚固定广告条特效源码.zip

    在网页设计中,为了吸引用户的注意力并展示广告信息,经常会在页面下方设置一个固定的广告条。这个"js+cookie实现的网页下方页脚固定广告条特效源码.zip"压缩包包含了一个利用JavaScript和Cookie技术来实现这一效果...

    SrollFragment

    在Android开发中,`SrollFragment`是一种常见的设计模式,用于实现导航栏下方与Fragment内容联动的滚动条。这个设计通常出现在拥有多个页面切换的App中,为用户提供更好的交互体验。`ScrollFragment`的核心在于它...

    js上下视差滚动简单实现代码

    在这个改进的版本中,我们添加了判断,当滚动条超过`.div2`的初始位置时才开始调整`.div2`的`top`值,以避免在不需要的时候进行不必要的计算和样式更新。 **总结:** 上下视差滚动的实现主要依赖于JavaScript的滚动...

    语音识别系统,对着麦克风说出要识别的条目

    2. 在按动按钮后,会发出“吡”的一声,同时按钮下方的长滚动条开始滚动,用户可以随时 开始说成命令。 一旦用户的声音被程序检测到认为是人声的开始,那么显示结果的Edit框下方的短滚动条 也开始滚动,表示开始从...

    jQuery滚动添加或减少图片特效.rar

    在滚动事件的回调函数中,我们可以获取当前滚动条的位置,例如`$(window).scrollTop()`。 四、判断元素是否在视口内 当页面滚动时,我们需要判断图片是否进入或者离开用户的可视区域。这可以通过计算元素相对于...

    css判断不同分辨率显示不同宽度布局实现自适应宽度

    CSS DIV网页布局中当分辨率小于等于1024px(像素)时,DIV布局对象显示1000px宽度,当分辨率大于1024px时候显示...如果网页布局宽度固定到1200px,1024分辨率用户浏览网页时浏览器下方会出现滚动条,为了解决这个问题

    导航标签跟随滚动到对应文章段落

    // 获取当前滚动条位置 $('.section').each(function() { // 遍历每个章节 var sectionTop = $(this).offset().top; // 获取章节顶部的位置 if (scrollTop &gt;= sectionTop - 100) { // 当章节进入视口100像素时 ...

    比较好用_js地区联动与连续滚动_javascript地区联动与连续滚动

    连续滚动则可能是指滚动条可以无限循环滚动,常见于轮播图或展示列表中。 在JavaScript中,实现这样的功能主要涉及以下几个知识点: 1. DOM操作:JavaScript的核心是通过DOM(文档对象模型)来操作HTML元素。我们...

    jquery滚动下拉显示左右浮动导航.zip

    主要目的是实现一种菜单导航功能,这种功能会在页面滚动到一定高度时显示,并且能够浮动在屏幕的一侧或两侧,同时底部还有一个固定的导航条。这个效果受到了易迅网设计的启发,具备一个返回顶部的按钮,确保了对主流...

    js实现文字列表无缝滚动效果

    如果"list2"的顶部已经滚动到了"rule" div的顶部下方,那么就通过减去列表高度的方式使滚动条回到顶部。否则,就正常向下滚动。 4. **定时器和事件监听** 通过`setInterval`函数创建了一个定时器,每隔speed毫秒...

    安卓Android源码——系统主界面下方的小按钮滑动效果--SlideD.zip

    这种滑动效果通常出现在手机的主屏幕底部,例如导航栏的三大金刚键(返回、主页、多任务)或者如今的底部导航条。这种效果使得用户可以通过滑动操作在不同的功能之间切换,提供了良好的用户体验。 首先,我们需要...

    带时间的日期控件 自动向上或向下弹出 JS

    这是为了确保弹出框不会被浏览器的滚动条或页面其他元素遮挡,从而提高用户操作的便利性。这种智能定位功能是通过JavaScript的DOM(文档对象模型)操作和计算实现的,它可以检测窗口大小和元素位置,然后调整弹出框...

    上推隐藏导航条和下拉使导航条渐透明

    例如,可以使用`scrollViewDidScroll:`方法来判断滚动方向和距离,从而控制导航条的显示或隐藏。 “下拉使导航条渐透明”则是指在用户向下滚动时,导航条逐渐变得透明,但并不完全消失,而是保持一定程度的可见性。...

Global site tag (gtag.js) - Google Analytics