扫码关注官方订阅号
我想实现的功能：
对于透明的那一块，我想在鼠标滚动的时候消失，但是鼠标不滚动的时候不消失。
但是如果利用scroll事件来监听滚动，如果我滚动的时候可以让它消失，但我不滚动的时候它也回不来了
$(function(){ $(window).scroll(function(e) { $("#header").hide(); }); });
html代码
Hello World
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...
scroll() 方法的扩展
/* 对scroll()方法进行扩展 在jQuery 中scroll()只可以监听滚动的时候的一个事件 这段js可以监听scrollStart和scrollStop */ (function(){ var special = jQuery.event.special, uid1 = 'D' + (+new Date()), uid2 = 'D' + (+new Date() + 1); special.scrollStart = { setup: function() { var timer, handler = function(evt) { var _self = this, _args = arguments; if (timer) { clearTimeout(timer); } else { evt.type = 'scrollStart'; jQuery.event.handle.apply(_self, _args); } timer = setTimeout( function(){ timer = null; }, special.scrollStop.latency); }; jQuery(this).on('scroll', handler).data(uid1, handler); }, teardown: function(){ jQuery(this).off( 'scroll', jQuery(this).data(uid1) ); } }; special.scrollStop = { latency: 300, setup: function() { var timer, handler = function(evt) { var _self = this, _args = arguments; if (timer) { clearTimeout(timer); } timer = setTimeout( function(){ timer = null; evt.type = 'scrollStop'; jQuery.event.handle.apply(_self, _args); }, special.scrollStop.latency); }; jQuery(this).on('scroll', handler).data(uid2, handler); }, teardown: function() { jQuery(this).off( 'scroll', jQuery(this).data(uid2) ); } }; })();
调用方法：
(function(){ jQuery(window).on('scrollStart', function(){ console.log("start"); }); jQuery(window).on('scrollStop', function(e){ console.log("end"); }); })();
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
0 
1
3949
收藏
scroll() 方法的扩展
/* 对scroll()方法进行扩展 在jQuery 中scroll()只可以监听滚动的时候的一个事件 这段js可以监听scrollStart和scrollStop */ (function(){ var special = jQuery.event.special, uid1 = 'D' + (+new Date()), uid2 = 'D' + (+new Date() + 1); special.scrollStart = { setup: function() { var timer, handler = function(evt) { var _self = this, _args = arguments; if (timer) { clearTimeout(timer); } else { evt.type = 'scrollStart'; jQuery.event.handle.apply(_self, _args); } timer = setTimeout( function(){ timer = null; }, special.scrollStop.latency); }; jQuery(this).on('scroll', handler).data(uid1, handler); }, teardown: function(){ jQuery(this).off( 'scroll', jQuery(this).data(uid1) ); } }; special.scrollStop = { latency: 300, setup: function() { var timer, handler = function(evt) { var _self = this, _args = arguments; if (timer) { clearTimeout(timer); } timer = setTimeout( function(){ timer = null; evt.type = 'scrollStop'; jQuery.event.handle.apply(_self, _args); }, special.scrollStop.latency); }; jQuery(this).on('scroll', handler).data(uid2, handler); }, teardown: function() { jQuery(this).off( 'scroll', jQuery(this).data(uid2) ); } }; })();调用方法：
(function(){ jQuery(window).on('scrollStart', function(){ console.log("start"); }); jQuery(window).on('scrollStop', function(e){ console.log("end"); }); })();