> For the complete documentation index, see [llms.txt](https://note.niefee.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://note.niefee.com/summary/5/2016-nian-5-yue-26-ri.md).

# 2016年5月26日

\[TOC]

## 2016年5月26日

### jQuery

**滚动监听**

```javascript
 $(window).scroll(function () {
            var $currentWindow = $(window); 


            //当前窗口的高度  
            var windowHeight = $currentWindow.height();  
            console.log("current widow height is " + windowHeight);  


            //当前滚动条从上往下滚动的距离  
            var scrollTop = $currentWindow.scrollTop();  
            console.log("current scrollOffset is " + scrollTop);  


            //当前文档的高度  
            var docHeight = $(document).height();  
            console.log("current docHeight is " + docHeight);  

            //当 滚动条距底部的距离 + 滚动条滚动的距离 >= 文档的高度 - 窗口的高度  
            //换句话说：（滚动条滚动的距离 + 窗口的高度 = 文档的高度）  这个是基本的公式  
            if ((BOTTOM_OFFSET + scrollTop) >= docHeight - windowHeight) {  
                createListItems();  
            }  
        });
```

window\.innerHeight – 浏览器窗口的内部高度,包括滚动条 window\.innerWidth – 浏览器窗口的内部宽度，包括滚动条

document.documentElement.clientHeight，根元素html的高度。 document.documentElement.clientWidth，根元素html的宽度。

> documentElement 是整个节点树的根节点root，即 标签；

document.body.clientHeight，body元素的高度，可有元素撑起，或者自定义。 document.body.clientWidth，body元素的宽度，可有元素撑起，或者自定义。

> clientTop实际上就是border的高度；