onscroll的用法

onscroll是在元素轴滚动时触发的。
eg:window.onscroll或document.onscroll是在浏览器滚动条滚动时触发的。
eg:返回顶部

window.onscroll = function () {var t = document.documentElement.scrollTop || document.body.scrollTop;if ( t >= 50 ) {console.log( t )document.getElementById( "div1" ).style.display = "inline";} else {document.getElementById( "div1" ).style.display = "none";}
}

window.onscroll = function () {if ( $( window ).scrollTop() >= 600 ) {console.log(1)} else {console.log(2)}
}

onscroll的用法相关推荐

Android -------GestureDetector类的用法
GestureDetector类的用法 2010-10-18 14:39:02| 分类: android|字号订阅 GestureDetector类定义了许多触摸事件.包括 1.boole ...
JS使用onscroll、scrollTop实现图片懒加载
今天做到项目中的图片展示,由于每一页的图片数量都很多,因此需要为图片的展示设计一种懒加载的功能. 第一要做的当然就是给程序添加滚动监听事件. 1 //触发拉取图片开关,保证正在拉取时不能再次触发 2 ...
php如何监听页面滚动,html5中在元素滚动条在滚动时触发的事件onscroll
实例元素滚动时执行 JavaScript 定义和用法 onscroll 事件在元素滚动条在滚动时触发. 提示: 使用 CSS overflow 样式属性来创建元素的滚动条. 浏览器支持语法 HTM ...
thymealf 高级用法_史上最详 Thymeleaf 使用教程
前言操作前建议先参考我的另一篇博客:玩转 SpringBoot 2 快速整合 | Thymeleaf 篇查看如何在SpringBoot 中使用 Thymeleaf.还有一点需要注意的是:模版页面中 ...
Android ListView常用用法(二)
来自:51CTO论坛原帖:http://mobile.51cto.com/android-254823.htm Android开发:实现带图片和checkbox的listview 项目要用到一个li ...
iframe 用法总结
iframe元素用法总结 url:http://www.cnblogs.com/rubylouvre/archive/2009/08/01/1536710.html iframe是一个非常有用的标签, ...
OverlayScrollbars插件监听滚动条的用法
OverlayScrollbars OverlayScrollbars文档 vue 的用法 // 1.安装npm install overlayscrollbars npm install overl ...
android折叠布局,Android中FoldingLayout折叠布局的用法及实战全攻略
一.概述无意中翻到的FoldingLayout的介绍的博客,以及github地址.感觉很nice呀,于是花了点时间研究以及编写,本篇博客将带大家从最基本的原理分析,一步一步的实现我们的FoldingL ...
【JavaScript：语法】javascript函数定义以及常见用法
转载:javascript函数定义以及常见用法 javascript函数定义以及常见用法我们知道,js函数有多种写法,函数声明 ,函数表达式,Function式构造函数,自执行函数,包括Es6的箭头 ...

onscroll的用法

onscroll的用法相关推荐

最新文章

热门文章