浅析window.onscroll=move以及window.onscroll=move()的区别

最新推荐文章于 2023-05-12 11:36:52 发布
最新推荐文章于 2023-05-12 11:36:52 发布
阅读量6.7k 收藏 4
点赞数 1
分类专栏： 脚本收藏(myjs) 文章标签： function 2010 javascript html button div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huanshion/article/details/6083426
版权
本文通过实例分析了JavaScript中window.onscroll=move与window.onscroll=move()的区别，主要涉及事件处理函数的赋值方式以及执行情况。通过对比，解释了带括号与不带括号在事件绑定时的不同效果，以及如何正确理解和使用onscroll事件。
摘要由CSDN通过智能技术生成

事件 =带括号的函数 是获取return值 ,事件 =不带括号的函数 是将函数本身赋给事件,事件="函数带括号" 是执行函数

最低0.47元/天 解锁文章
huanShion
关注
专栏目录
js隐藏与显示回到顶部按钮及window.onscroll事件应用
12-22 1515
现在大多数网站都会添加这种功能：当滚动条滚动到页面的下方时，页面的右下角会显示出来一个“回到顶部”的按钮或连接，点击该按钮后页面会跳转到顶部，或某一个适合查看内容的位置。 那么，如何控制“回到顶部”按钮的显示或隐藏呢？其实我们只需要实现window.onscroll 事件即可，代码如下：  window.onscroll = function () {  if (docu
上拉加载下拉刷新组件-mescroll.js
海沙
11-13 2271
附上链接地址http://www.mescroll.com/api.html#NPM，手机端和浏览器都能够使用，唯一推荐； 使用过程中要注意这些问题http://www.mescroll.com/qa.html； 使用注意事项： 1，引入的时候出问题及时看官方给出的解决方案(基本上都必须看)； 2，react中一定要在dom渲染之后的方法（didMount）中初始化，因为这个需要拿到dom
window.onscroll
12-05 415
---恢复内容开始--- 今天在学习javascript的过程中被onscroll这个东西堵了一下午.心情极度郁闷. 在高度较大的网页中，我们通常会加一个返回顶部的按钮，方便用户操作. 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.d...
window.onscroll页面滚动条滚动事件
weixin_34380296的博客
09-05 491
用途一："返回顶部"； window.onscroll = function(){ var t = document.documentElement.scrollTop || document.body.scrollTop; var top_div = document.getElementById( "top_div" ); if( t &gt;= 3...
window.onscroll 当页面滚动条、滚动到指定位置时触发
m0_64520392的博客
02-21 1749
获取滚动条的值
window.onscroll = function () { h1Node.style.top=document.documentElement.scrollTop+"px" }什么意思
04-19
这段代码是为了实现当页面发生滚动时，将h1元素的位置设置为距离页面顶部距离等于当前滚动距离，其中h1Node是获取h1元素的DOM节点，document.documentElement.scrollTop是获取当前页面的滚动距离。
function show(image, event) { var x; var y; document.getElementById("photo").style.display = "block"; x = parseInt(event.clientX) ;//+ parseInt(document.documentElement.scrollLeft); y = parseInt(event.clientY) ;//+ parseInt(document.documentElement.scrollTop); document.getElementById("photo").style.top = y + "px"; document.getElementById("photo").style.left = x + "px"; document.getElementById("big").src = image; } //隐藏图片 function hiddenf() { document.getElementById("photo").style.display = "none"; } window.onscroll = "show()";
06-02
这是一段 JavaScript 代码，用于显示和隐藏一个图片。具体来说，它包含两个...最后，代码中的 `window.onscroll = "show()";` 可能有误，应该改为 `window.onscroll = show;`，用于在滚动页面时触发 `show()` 函数。
优化一下这段代码//1、获取元素 var one = document.querySelector('.one') var two = document.querySelector('.two') //2、绑定滚动事件 window.onscroll = function () { //2-1，获取浏览器卷去的高度 var height = document.documentElement.scrollTop || document.body.scrollTop //2-2，判断卷去的高度 if (height >= 300) { //显示 two.style.display = 'block' } else { //隐藏 two.style.display = 'none' } } //3，绑定点击事件 two.onclick = function () { //3-1，让页面滚动回到顶部 window.scrollTo({ top: 0, behavior: 'smooth' }) }
最新发布
06-03
2. 采用事件监听的方式代替直接给window对象绑定事件，避免冲突和覆盖； 3. 在滚动事件中，使用节流或防抖函数进行优化，避免事件频繁触发； 4. 在滚动事件中，判断当前滚动位置是否已经到达目标位置，如果是，就...
JavaScript触发onScroll事件的函数节流详解
10-20
的内容是说说最近在工作中遇到过的常见的问题。主要是关于JavaScript触发onScroll事件的函数节流，文中由一个常见的问题开始展开，一步步的介绍解决的方法，有需要的朋友们下面来跟着小编一起看看吧。
iscroll5 增加scrollMove事件，增加minScroll[X/Y]属性
08-23
iScroll5【注意，不是4，请参见5语法编写脚本】没有scrollMove事件，可以使用myscroll.on("scrollMove",function(){...});自绑定。原iScroll5是不支持设置最上滚动距离的。所以在导致将最上部分的元素设置为margin-top:-xxxpx时是没办法显示的，特此做出修改，在任何事件中都可以对this.minScrollX，this.minScrollY进行设置，设置完毕后立即生效，注意：请不要refresh()，不然二者会会被重新设置为0。=====修改基于iScroll5.1.2，想要知道修改位置的同学可以与原版本脚本对比。有问题欢迎交流~
js的window.onscroll事件
抹茶 ”的博客
05-19 5440
js的window.onscroll事件 js代码： window.onscroll = function(e){ var e =e || window.event; var scrolltop=document.documentElement.scrollTop||document.body.scrollTop; console.log(scrolltop); if(scrolltop>55){ console.log(1) ...
一个简单的window.onscroll实例
weixin_30737363的博客
08-06 384
鉴于better-scroll实现这个效果很复杂，想用最原生的效果来实现吸顶效果 一个简单的window.onscroll实例，可以应用于移动端 demo 一个简单的window.onscroll实例2，可以应用于移动端 demo2 一个简单的window.onscroll实例3，可以应用于移动端 demo3 转载于:https://www.cnblogs.com/zph6...
滚动条事件window.onscroll
tang18533952786的博客
05-12 355
相对浏览器，将指定div滚到到指定位置，其用法如下。例：统战 DIV随滚动条位置高度发生变化。获取页面某一元素的绝对X,Y坐标。
关于javascript的window.onscroll方法
weixin_30751947的博客
11-09 381
---恢复内容开始--- 今天在学习javascript的过程中被onscroll这个东西堵了一下午.心情极度郁闷. 在高度较大的网页中,我们通常会加一个返回顶部的按钮,方便用户操作. 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&g...
js的window.onscroll事件兼容各大浏览器！
iBenxiaohai123的博客
10-12 608
为窗口添加滚动条事件其实非常的简单，     window.onscroll=function(){};     注意在获取滚动条距离的时候     谷歌不识别document.documentElement.scrollTop，必须要加上document.body.scrollTop；即     var scrolltop=document.documentElement
window.onload()方法和window.onscroll()方法
weixin_46370867的博客
11-17 6868
也许你想成为太阳，可你却只是一颗星辰；也许你想成为大树，可你却是一棵小草。于是，你有些自卑。其实，你和别人一样，也是一片风景：做不了太阳，就做星辰，在自己的星座发光发热；做不了大树，就做小草，以自己的绿色装点希望…… 下面是对window对象中 window.onload()方法和window.onscroll()方法的整理，希望可以帮助到有需要的小伙伴 JavaScript window对象 BOM中最核心的对象就是Window对象 window对象是浏览器窗口中的顶级(全局)对象 window对象的属性
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值