关于如何绑定Jquery 的scroll事件(兼容浏览器)

今天做一个随屏幕滚动的导航条时,发现一个问题:

火狐、谷歌、ie9正常,ie8、7、6页面滚动时,导航条没有反应。

代码如下:

 

Js代码 复制代码 收藏代码
  1. $(document).bind( "scroll" , function (){
  2. //……
  3. });
$(document).bind("scroll",function(){
	//……
});

 

后来怀疑绑定对象出了问题,不应该绑定document。改成“body”,还是不行。再改成window,测试成功。

代码如下:

 

Js代码 复制代码 收藏代码
  1. $(window).bind( "scroll" , function (){
  2. //……
  3. });
$(window).bind("scroll",function(){
	//……
});

查找api后,发现一句话:

 

Js代码 复制代码 收藏代码
  1. 当用户滚动元素中到一个不同的地方时,scroll事件将发送到这个元素。它适用于window对象,但也可滚动框架与CSS overflow属性设置为scroll的元素
北京联通IPTV组播实战:OpenWRT软路由配置全解析 本文详细解析了在北京联通IPTV环境下,利用OpenWRT软路由和udpxy工具实现组播转单播的实战配置。内容涵盖网络接口设置、防火墙规则、udpxy安装配置、直播源M3U文件处理以及全平台播放指南,帮助用户无需机顶盒即可在家庭局域网内任何设备上流畅观看电视直播。 阅读详情

相关推荐

【Clickhouse从入门到精通】第51篇:ClickHouse权限管理体系详解

摘要 本文是ClickHouse权限管理系列文章的第51篇,重点解析ClickHouse RBAC权限体系中的GRANT/REVOKE机制。文章详细介绍了GRANT语句的基础语法与权限类型,包括SELECT、INSERT等常规权限以及WITH GRANT OPTION转授权功能。特别深入讲解了列级权限的实现方式,通过SELECT(col1,col2)语法实现字段粒度的访问控制,并展示了权限查询与验证方法。本文还对比了ClickHouse 20.4版本前后权限管理体系的差异,为构建安全的多租户数据平台提供了关

xyghehehehe的专栏 440

jQuery事件系统核心原理:委托、标准化与跨浏览器兼容

事件处理是前端交互的基石,其本质是监听用户行为并触发响应逻辑。原生DOM事件存在单播覆盖、浏览器差异、监听器注册分裂等底层缺陷,导致兼容性差、维护成本高。jQuery通过事件委托实现动态元素零绑定、事件对象标准化统一target/which等属性、命名空间支持精准解绑、生命周期钩子控制触发语义,构建起健壮的事件操作系统。这些机制不仅解决了IE与现代浏览器的兼容难题,更成为Vue、React等框架事件设计的思想源头。本文聚焦事件委托与事件对象标准化两大核心热词,解析其在真实业务场景(如动态列表操作、表单验证、

unixboy 525

数字IC后端先进工艺设计实现之TSMC 12nm 6Track工艺数字IC后端实现重点难点盘点

如果你仅仅是跑个先进工艺的flow,不懂先进工艺在数字IC后端实现上的不同点,为何有这样的不同点,针对这些不同之处后端实现阶段如何考虑它们,那么你等于0经验!大家可以针对本文所列的要点进行复盘,如果这些都搞透彻了,你就可以大胆把T12 nm的A72和A55项目写到你的简历中。T12这个工艺也是支持Preferred和Non-prefered两个方向来完成routing的,但是它对它们的最小线宽和最小线间距提出了更严格的要求。所有各个子模块的形状,彼此之间的间距都是有严格的要求。为何要有P48这一层?

weixin_37584728的博客 8340

【JavaScript】页面滚动事件详解

页面滚动事件是浏览器在用户滚动页面时触发的事件。无论是通过鼠标滚轮、键盘上的箭头键,还是触控设备的滑动动作,只要页面内容发生了滚动,就会触发scroll事件。JavaScript 提供了一个简单的方式来监听这个事件,通过window或特定 DOM 元素的方法,我们可以对滚动行为做出反应。console.log('页面正在滚动');});页面滚动事件是 Web 开发中不可或缺的工具,通过它,开发者可以实现丰富的用户交互功能,如回到顶部按钮、无限滚动加载、滚动动画等。

lph159的博客 5589

零售-公司间关联交易退货STO的实现方式

零售-公司间关联交易采购 STO-退货 集团公司下经常会出现一家公司和另外一家公司的公司间的关联交易,如跨公司销售、总分公司之间采购,分公司之间的采购等业务;通常公司间采购会采取STO的模式来实现(根据业务模式可以将库存转储统一做成STO的模式,公司间STO、同公司工厂间、同工厂库存地点间 的STO SAP都是支持的); 公司间STO 正向A向B采购都很熟悉,公司间退货STO的其实也是比较普遍的业务现象,很多实施着也将其做成反向的STO(B向A采购),而不是退货STO(A向B,item 选择return的标

weixin_45518759的博客 2835

gdb对dwarf调试信息的解析和使用

gdb的对dwarf的调试信息的解析到使用的过程分析

JS072110的专栏 9568

监听元素滚动事件,设置锚点

3. 最好不要使用scrollOn监听,用该种方法监听,在暴漏出去的函数中,仍谈无法改变data数据。4. 监听滚动到底部 srcollHeight-clienHeight- scrollTop ==0 ,我设置了10px的误差。2. 如果想在监听函数中,对data区的变量进行变动,就要把回调函数封装出去,因为在mounted中无法改变data数据。1.element.offsetTop为指定元素到滚动复原的距离。1. 不能在create中监听,因为拿不到DOM元素。

weixin_48432293的博客 851

Jetson AGX ORIN硬件初始化和环境部署

orin预安装了ubuntu20.04,只需开机,像重装系统一样设置用户信息即可,可以参考官网的教程[https://developer.nvidia.com/embedded/learn/get-started-jetson-agx-orin-devkit],官网提供了两种方式:一种是orin + 显示器,orin有提供DP接口,你需要准备一台显示器,最好也是有DP口的,因为我用DP转HDMI的连的,分辨率会受影响。确认安装的路径,一般直接回车安装在默认的 /home/你的名字/anaconda3。

TracyGC的博客 3836

JS scroll事件&楼层导航

事件 scroll事件是滚动事件,可以使用onscroll进行事件绑定,浏览器滚动事件可以绑定给window或者document. window.onscroll=function(){ } document.onscroll = function () { } 用JS实现楼层导航 HTML代码 <body> <div class="box"> <div class="static"></div> <

Afengzhenguang的博客 662

[系统安全] 一.什么是逆向分析、逆向分析基础及经典扫雷游戏逆向

娜璋AI安全之家于2020年8月18日开通,将专注于Python和安全技术,主要分享Web渗透、系统安全、CVE复现、威胁情报分析、人工智能、大数据分析、恶意代码检测等文章。真心想把自己近十年的所学所做所感分享出来,与大家一起进步。 系统安全系列作者将深入研究恶意样本分析、逆向分析、攻防实战等,通过在线笔记和实践操作的形式分享与博友们学习,希望能与您一起进步。第一篇文章先带领大家学习什么是逆向分析,然后详细讲解逆向分析的典型应用,接着通过OllyDbg工具逆向分析经典的游戏扫雷,再通过Cheat Engin

杨秀璋的专栏 2万+

SAP Gateway 中事务码 /IWFND/MAINT_SERVICE 的用法介绍

本文系统梳理了SAP Gateway中/IWFND/MAINT_SERVICE事务码的核心功能与运维实践。作为OData服务管理中樞,它支持服务注册激活、ICF节点配置、系统别名绑定、批量处理等关键操作。文章详解了服务目录、ICF节点、系统别名的配置要点,提供了批量激活、缓存清理、性能监控等实用技巧,并针对常见陷阱(如传输配置、删除残留)给出解决方案。通过制造业批量激活、零售业OAuth集成等案例,展示了事务码在企业级应用中的实际价值,为SAP Gateway运维提供了一套完整的治理清单。

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 307

关于怎么绑定Jquery 的scroll事件(兼容浏览器)

关于如何绑定Jquery 的scroll事件(兼容浏览器)   今天做一个随屏幕滚动的导航条时,发现一个问题:   火狐、谷歌、ie9正常,ie8、7、6页面滚动时,导航条没有反应。   代码如下:   $(document).bind("scroll",function(){//……});   后来怀疑绑定对象出了问题,不应该绑定document。改成“body”,还是不行。再改成wi

John的专栏 6972

【SpringBoot】1、创建第一个SpringBoot项目

创建SpringBoot项目可以通过两种方式,1、通过访问:https://start.spring.io/,SpringBoot的官方网站进行创建SpringBoot项目;2、通过工具(例如:Idea)创建SpringBoot项目。本次使用开发工具:Idea创建我的第一个SpringBoot项目。 首先,打开我们的Idea开发工具 选择Create New Poject(创建一个新的项目) ...

JACKAL 21万+

一个页面绑定多个onscroll事件

默认一个页面只能同时存在一个window.onscroll函数。有的时候我们会引入工具的js框架,在框架中使用onscroll统一监听每个页面,但是在某个页面,我们可能还要使用onscroll来监控滚动条,完成具体某个业务逻辑,这是该怎么做呢? 方法1:只适用有两个滚动事件共存时适用,当有多个的时候不推荐使用这个方法,有多个会被覆盖 window.onscroll=function(){ /...

赶路人儿 5771

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

关于如何绑定Jquery 的scroll事件(兼容浏览器 Wookmark瀑布流插件)

做一个随屏幕滚动的导航条时,发现一个问题: 火狐、谷歌、ie9正常,ie8、7、6页面滚动时,导航条没有反应。 代码如下: $(document).bind("scroll",function(){ //…… }); 后来怀疑绑定对象出了问题,不应该绑定document。改成“body”,还是不行。再改成window,测试成功。 代码如下: $(

深南大道 5338

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

关于asp:GridView和dx:ASPxGridView固定表头的jquery代码封装

前几天有个项目要实现dx:ASPxGridView固定表头,就翻看了网上实现的方法。总结了一些方法。废话不多,先上个图,有图有真相 图1,dx:ASPxGridView的上面还有其他元素 图2 这是基于dx:ASPxGridView固定表头。 实现固定表头,首先要把表头取到,然后拼凑个table。把这个table追加到body里面。...

weixin_30770783的博客 157

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

JQuery事件

event.target 触发事件的DOM元素。event.offsetX 相对于事件元素左上角。eg: 将选择器选中的元素下的所有li绑定事件,并委托选择器选中的元素进行点击触发。console.log('按钮被单击了');console.log('按钮被单击了');console.log('按钮被双击了');console.log('鼠标左键按下');console.log('鼠标左键松开');当鼠标进入目标元素的时候调用所绑定的函数。当鼠标左键按下的时候调用所绑定的函数。当鼠标离开元素时触发事件。

qq_55630615的博客 1069

JQuery_scroll事件

1:定时器 JavaScript 在浏览器中是单线程执行的,但允许使用定时器指定在某个时间之后或每隔一段时间就 执行相应的代码。 延时调用: setTimeout()用于指定在一定时间后执行某些代码, 定时调用: setInterval()用于指定 每隔一段时间执行某些代码。 setTimeout() setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式,调用一个函数不马上执行,而是隔一段时间以后在执行,而且只会执行一次 SetTimeout()方法通常接收两个参数:要执行的代

weixin_49758373的博客 711

jQuery scroll事件

前言 jquery 3.5.1 scroll事件 <html> <header> <script crossorigin="anonymous" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" src="https://lib.baomitu.com/jquery/3.5.1/jquery.min.js"&g

sayyy的专栏 408

jquery-绑定事件与解除事件的绑定

通过方法来绑定一个或者多个事件 也可以解除事件的绑定 结构 以前,我们这样子绑定点击事件 新的写法 鼠标移动的写法 mouseover 一次绑定了多个事件,用空格隔开 取消绑定事件 unbind ...

pyhui的技术博客 894

scroll事件的绑定和解除方法

$(window).on("scroll", function handle(){}); //绑定滚动事件 $(window).off("scroll", handle); //卸载滚动事件 转载于:https://www.cnblogs.com/shimily/articles/9717333.html

weixin_30883311的博客 1766

jQuery事件--浏览器事件

浏览器事件 事件列表 方法 说明 scroll([[data],fn]) 当用户滚动指定的元素时,会发生 scroll 事件。 resize([[data],fn]) 当调整浏览器窗口的大小时,发生 resize 事件。 error([[data],fn])3.0- 当元素遇到错误(没有正确载入)时,发生 error 事件。 事件...

前端 2051

深入解析jQuery事件系统:三层架构、事件委托与实战技巧

DOM事件处理是前端开发的核心基础,它实现了用户交互与页面响应的桥梁。其原理基于事件冒泡与捕获机制,通过监听用户操作触发相应函数执行。这一技术价值在于解耦用户行为与业务逻辑,提升代码可维护性。在应用场景上,无论是传统网站还是现代Web应用,高效的事件管理都至关重要。本文聚焦于jQuery事件系统,它作为一套经典的跨浏览器兼容解决方案,通过统一事件对象、高效的事件存储分发机制和简洁的API层,封装了原生事件的复杂性。其中,事件委托机制能显著优化动态内容交互与性能,而命名空间和自定义事件则为模块化开发提供了便利

weixin_34007020的博客 428

Jquery事件大全

Jquery事件大全 事件介绍和支持的对象 事件 描述 支持元素或对象 blur( ) 元素失去焦点 a, input, textarea, button, select, label, map, area change( ) 内容改变 仅适用于表单 input, textarea, select click( ) 鼠标点击某个对象 几乎所有元素 hover() 鼠标悬浮在某个对象上 几乎所有元素 等同 dblclick( ) 鼠标双击某个对象 几乎所有元素 foc

weixin_45203607的博客 1519

JQuery 课时12:JQuery浏览器事件、文档加载事件

JQuery 课时12:JQuery浏览器事件、文档加载事件浏览器事件.error().resize().scroll()文档加载事件文档加载过程 浏览器事件 .error() js3.0版本已经启用error() <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edg

qq_42221321的博客 259
上一篇: javascript “||”、“&&”的灵活运用
下一篇: select标签的美化及js模拟解决方案
Snoopy7713
博客等级 码龄21年 17粉丝 681原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值