javascript : detect at the end of bottom

    function isScrollBottom() {
        var documentHeight = document.documentElement.scrollHeight;
        var winHeight = document.documentElement.clientHeight;
        var scrollPosition = winHeight + getScrollTop();
        return console.log(documentHeight == scrollPosition);
    }

    function getScrollTop() {
        if (typeof pageYOffset != ‘undefined‘) {
            //most browsers except IE before #9
            return pageYOffset;
        }
        else {
            var B = document.body; //IE ‘quirks‘
            var D = document.documentElement; //IE with doctype
            D = (D.clientHeight) ? D : B;
            return D.scrollTop;
        }
    }
时间: 2024-11-10 13:15:56

javascript : detect at the end of bottom的相关文章

jsfiddle在线测试Html、CSS、JavaScript——http://jsfiddle.net/

jsfiddle在线测试Html.CSS.JavaScript,并展示测试结果 1.选择jQuery1.9.1 2.选择jQuery UI 1.9.2 3.Html <ul id="nav"> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2</a></li> <li>

jQZoom图片放大器插件。API说明文档,jQZoom使用说明

jQZoom是一个基于最流行的jQuery的图片放大器插件.它功能强大,使用简便.支持标准模式.反转模式.无镜头.无标题的放大,并可以自定义jQZoom的窗口位置和渐隐效果,修正IE6的select bug.使用之前,先引入jQZoom.js. zoomType,默认值:’standard’,另一个值是’reverse’,是否将原图用半透明图层遮盖. zoomWidth,默认值:200,放大窗口的宽度. zoomHeight,默认值:200,放大窗口的高度. xOffset,默认值:10,放大窗

jquery 编程的最佳实践

Loading jQuery Always try to use a CDN to include jQuery on your page. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>    <script>window.jQuery || document.wri

Python语言100例

Python版本:python 3.2.2 电脑系统:win7旗舰 实例来源:python菜鸟教程100例 1 #!/usr/bin/python 2 # -*- coding: UTF-8 -*- 3 import string 4 import math 5 import time 6 import sys 7 import os 8 #import pygame 9 #eg1:There are 1, 2, 3, 4 numbers, can be composed of a number

霸道的 vertical-align

vertical-align这个是设置元素的垂直排列的. 用来定义行内元素的基线相对于该元素所在行的基线的垂直对齐. 它的值比较多:baseline | sub | super | top | text-top | middle | bottom | text-bottom | inherit 所有浏览器都支持 vertical-align 属性. 注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit". 取值 baseline: 将

多个返回 顶部的代码

代码1: $("#back-to-top").click(function () { $('body,html').animate({ scrollTop: 0 }, 1000); return false; }); 代码2: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title&

(3.21) vertical-align属性

1.定义和用法:该属性设置元素的垂直对齐方式 2.说明:该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐.允许指定负长度值和百分比值.这会使元素降低而不是升高.在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式. 默认值: baseline 继承性: no 版本: CSS1 JavaScript 语法: object.style.verticalAlign="bottom" 3.可能的值: 值 描述 baseline 默认.元素放置在父元素的基线上. sub 垂直对

查看FFMPEG的全部帮助内容

ffmpeg -h full Hyper fast Audio and Video encoder usage: ffmpeg [options] [[infile options] -i infile]... {[outfile options] outfile}... Getting help: -h -- print basic options -h long -- print more options -h full -- print all options (including all

bootstrap-js(5)工具提示tooltip

实例 当您想要描述一个链接的时候,工具提示(Tooltip)就显得非常有用.工具提示(Tooltip)插件是受 Jason Frame 写的 jQuery.tipsy 的启发.工具提示(Tooltip)插件做了很多改进,例如不需要依赖图像,而是改用 CSS 实现动画效果,用 data 属性存储标题信息. <!DOCTYPE HTML><html><head><link href="/stylesheets/bootstrap.min.css"