首页 > 软件开发 > JQUERY >

JS jQuery怎样获取触发网页滚动条事件

来源:互联网 2023-03-16 23:55:30 版权归原作者所有,如有侵权,请联系我们

很多小伙伴都想知道当网页或者鼠标滚动的时候怎样对页面进行一些设置。jbo办公区 - 实用经验教程分享!

这就需要用JS或者jQuery来获取到网页滚动或者说触发鼠标滚动事件。jbo办公区 - 实用经验教程分享!

今天小编我就来分享JS和jQuery获取网页滚动条和鼠标滚动事件的经验给大家。jbo办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • 浏览器 jQuery

方法/步骤

  • 1

    首先小编我就以最简单的body来演示网页滚动和鼠标滚动事件。注意把body的高度设置得大大的哦。jbo办公区 - 实用经验教程分享!

    JS jQuery怎样获取触发网页滚动条事件jbo办公区 - 实用经验教程分享!

  • 2

    body的高度大大的超过了浏览器可视高度后便会有滚动条出现了哦。jbo办公区 - 实用经验教程分享!

    JS jQuery怎样获取触发网页滚动条事件jbo办公区 - 实用经验教程分享!

  • 2相关内容未经授权抓取自百度经验
  • 3

    然后在JS脚本中直接设置window的onscroll事件就可以了哦。这样即可获取到网页滚动时候的事件了。jbo办公区 - 实用经验教程分享!

    JS jQuery怎样获取触发网页滚动条事件jbo办公区 - 实用经验教程分享!

  • 4

    获取到网页是否滚动之后你就可以进行设置了哦。比如小编我设置当滚动鼠标或者滚动网页时弹出一个alert窗口。jbo办公区 - 实用经验教程分享!

    JS jQuery怎样获取触发网页滚动条事件jbo办公区 - 实用经验教程分享!

  • 5

    这就是鼠标滚动时的效果图了。当然也可以进行其他比如获取高度之类的设置。jbo办公区 - 实用经验教程分享!

    JS jQuery怎样获取触发网页滚动条事件jbo办公区 - 实用经验教程分享!

  • 6

    要用jq获取到鼠标滚动和网页滚动事件则要引jQuery。jbo办公区 - 实用经验教程分享!

    JS jQuery怎样获取触发网页滚动条事件jbo办公区 - 实用经验教程分享!

  • 7

    然后用$获取window并且调用scroll方法即可成功。注意window不要用引号包住呀。jbo办公区 - 实用经验教程分享!

    JS jQuery怎样获取触发网页滚动条事件jbo办公区 - 实用经验教程分享!

  • 注意事项

    • 有用可以点赞或者收藏,方便下次查看。
    • 没用可以吐槽,有啥问题可以私信或者评论留言。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!jbo办公区 - 实用经验教程分享!


    标签: JQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号