本文转自：根据的描述，Element.scrollIntoView()方法让当前的元素滚动到浏览器窗口的可视区域内。而Element.scrollIntoViewIfNeeded()方法也是用来将不在浏览器窗口的可见区域内的元素滚动到浏览器窗口的可见区域。但如果该元素已经在浏览器窗口的可见区域内，则不会发生滚动。此方法是标准的Element.scroll

在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少调用频率，同时又不影响实际效果。函数防抖函数防抖（debounce）：当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才

<scripttype"text/javascript"mui('.muiscrollwrapper').scroll({indicators:true//是否显示滚动条});varsharesnull;mui.plusReady(function(){vararticle\_idplus.webvie

!(https://oscimg.oschina.net/oscnet/59b2d5a4de1aa55f71bd4504157460e74e5.png)加关注，不迷路！!(https://oscimg.oschina.net/oscnet/796820ceff8f6d91a9c62dbfc726967dde4.png)环境

使用SwipeRefreshLayout，网上资料copy了一个OnScrollListener给ListView，结果当第一个item长度超过一屏，明明还没有到达列表顶部，Scroll事件就被拦截，列表无法滚动，同时启动了刷新。修正代码后，自定义的OnScrollListener如下：/ 由于Listview与下拉刷新的Scroll

整个页面被拉到最底部时执行$(window).scroll(function(){varc$(window).height();vara$("body").scrollTop()varb$("body").heigh

最近有项目需要使用js原生开发滑动组件，频繁要用到dom元素的各种属性，其中以各种类型的height和top属性居多，名字相近，含义也很容易搞混。因此特地总结归纳了一下常用的知识点，在文末我们来挑战实现一个简易的移动端Scroll组件。