zoukankan      html  css  js  c++  java
  • 判断滚动条是否到达页面的尾部

    //取窗口滚动条高度
    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(
    "没有到达底部");
    }
    }

  • 相关阅读:
    unity3D相机缓慢看向目标物体
    设计原则
    unity3D中GUI标题内文字滚动效果
    python3.6中安装PyQt报错
    codeforces 515B.Drazil and His Happy Friends
    HDU 1029 Ignatius and the Princess IV
    POJ 1052 Plato's Blocks
    Uva220 Othello
    uva201 Squares
    uva1587 Box
  • 原文地址:https://www.cnblogs.com/lingyuan/p/1952467.html
Copyright © 2011-2022 走看看