监听滚动条事件
2017-09-08 12:43
316 查看
滚动条事件可以监听整个页面也可以监听某一div或者iframe,下面举例:
//监听整个窗口的滚动条 window.onscroll = function(){ //document.documentElement.scrollTop和document.body.scrollTop用于获取滚动条滚动后的距离 var t = document.documentElement.scrollTop || document.body.scrollTop; if( t >= 300 ) { alert("滚动条滚动了300距离") } }
//监听某一个元素的滚动条 $('#conten div').scroll(function() { //$('#conten div').scrollTop()获取该元素滚动条滚动后的距离 if ($('#conten div').scrollTop() >= 50) { $('.div_weather').hide(200); } if ($('#conten div').scrollTop() <= 45) { $('.div_weather').show(200); } });
相关文章推荐
- vbox等控件添加滚动条滚动事件的监听函数
- 手工写的一段滚动条监听事件
- 关于如何使用javascript监听滚动条滚动事件
- 滚动条的监听事件。
- js如何监听滚动条滚动事件,使得某个标签内容始终位于同一位置
- js监听滚动条事件和获取浏览器及屏幕高度和宽度等信息的方法
- js监听滚动条事件
- 为什么写的滚动条监听事件无效
- js监听滚动条滚动事件使得某个标签内容始终位于同一位置
- js监听滚动条滚动事件使得某个标签内容始终位于同一位置
- datagrid 选中行后 行的字体变色,以及滚动条滚动的时候监听事件
- 通过ImageView的点击监听事件来滑动ScrollView的滚动条,进而改变屏幕显示内容
- Jquery滚动条监听事件
- 滚动条监听事件
- js如何监听滚动条滚动事件,使得某个标签内容始终位于同一位置
- Qt实现小功能之列表无限加载(创意很不错:监听滚动条事件,到底部的时候再new QListWidgetItem)
- [wxWidgets]_[初级]_[监听wxListCtrl和wxGrid的滚动条事件]
- Qt实现小功能之列表无限加载(创意很不错:监听滚动条事件,到底部的时候再new QListWidgetItem)
- [wxWidgets]_[初级]_[监听wxListCtrl和wxGrid的滚动条事件]
- h5自定义滚动条并监听事件