body上的滑动事件

最新推荐文章于 2021-12-18 17:49:15 发布
最新推荐文章于 2021-12-18 17:49:15 发布
阅读量320 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lucky569/article/details/101269275
版权

新入门的前端小菜鸟，感觉自己随时都能掉坑里…
最近在弄一个移动端的APP,写页面布局的时候自然少不了滑动事件。但是！！！重点是我的滑动事件自动是在body上，当我想给某个盒子设置一个监听事件时，怎么都设置不上…一番坑里挣扎之后才知道我的滑动事件都没有在盒子上，还监听个啥（土拨鼠尖叫）
解决办法是，给盒子添加一个overflow：auto;就可以把在body上面的滑动移到盒子上…（尴尬）
感叹自己是个小菜鸡 ~
奉上大佬的博客：https://blog.csdn.net/qq_35741728/article/details/52958140

豆芽不吃豆
关注
js操作滚动条事件实例
12-10
在JavaScript中，操作滚动条事件是一项常见的需求，用于实现各种动态效果，比如固定导航栏、显示隐藏元素等。本文将详细讲解如何使用JavaScript监听和处理滚动条事件。 首先，滚动条事件通常通过添加事件监听器来...
javaScript实现滚动条事件详解
11-29
JavaScript实现滚动条事件详解 在Web开发中，利用JavaScript处理滚动条事件是常见的交互设计手法，它可以增强用户体验，实现如导航栏固定、内容高亮等动态效果。本篇将通过一个具体的实例，介绍如何用JavaScript...
body的滚动事件的坑
baifu2766的博客
04-27 345
踩过些坑，得到的结论，不一定精确 1、 body的滚动条，刷新页面的时候不会回到顶部。其他dom节点会 2、 body只能通过onscroll函数表达式的方法来绑定滚动事件 （其中，IE不能监听body的滚动事件） document.querySelector('body').onscroll = function() { console...
【html5】html学习笔记1
weixin_30847939的博客
08-02 143
html5语法规则 1.标签要小写 2.省略标签 如 <tr> <td> <tr><td> 3.属性不加” 如 <div id=div1> 4.单标签不加结束标签 如 <img src=""> 5.废除标签fontcenterbig等 6 html5文档声明<!DOCTYPEHTML...
document、body对象的事件
Jack huang的专栏
02-28 773
onload页面加载完毕时触发，浏览器是一边下载文档，一边解释执行，可能会出现javascript执行时需要某个还没有加载的元素，如果这样需要把操作的代码放到onload事件中，或者把javascipt放到元素之后 onunload:网页关闭（或者离开）后触发 onbeforeunload：在网页准备关闭或者离开的时候触发 window对象代表当前浏览器对象（使用window对象的时候可以省...
DOM(5)——body、document对象的事件，其他事件
qq_34573534的博客
08-16 459
1、body、document对象的事件 （1）onload：网页加载完毕时触发，浏览器是一边下载文档、一边解析执行，可能会出现JavaScript执行时需要操作某个元素，这个元素还没有加载，如果这样就要把操作的代码放到body的onload事件中，或者可以把JavaScript放到元素之后。元素的onload事件是元素自己加载完毕时触发，body onload才是全部加载完成。 （2）onu...
[转] body onclick 事件
思瑞 的专栏
08-06 5422
测试的网页结构如下：     标题 aaaaaaa   打开网页后，点击空白处并不会触发body的onclick事件。只有点击有文字的那一行才会触发。说明body没有充满网页。 但奇怪的是IE、Chrome如上面所说。而火狐点击空白处会触发onclick事件。 为了看一下body的范围，加上如下样式 body{background-color:#eee;}
jquery弹窗时禁止body滚动条滚动的例子
10-16
例如，当弹窗出现时，如果用户尝试滚动页面的其他部分，可能会导致滚动条与弹窗之间发生不协调的滑动现象，破坏了用户对于弹窗的集中注意力。 为解决这一问题，使用jQuery库可以很简单地实现当弹窗出现时，禁止body...
js网页滚动条滚动事件实例分析
10-24
在本文中，我们主要探讨了JavaScript中监听网页滚动条滚动事件的方法，即window.onscroll事件。通过这个事件，我们可以监控用户滚动页面时的滚动条位置变化，并根据需要执行相应的JavaScript代码来增强用户交互体验...
body 页面点击事件处理，页面冒彩色泡泡，文字泡泡
qq_40400182的博客
10-15 479
body 页面点击事件处理，页面冒彩色泡泡，文字泡泡，需要引用jQuery。 在这里插入代码片 var m_index = 0; $(document).ready(function($) { $("body").click(function(e) { var a = new Array("❤","❤阳光❤","❤","❤开朗❤","❤","❤正能量❤","❤","❤奥利给❤","❤","❤哈哈哈❤","❤","❤可爱❤"); var $i = $(
百度编辑器（ueditor）魔改：4、滚动条管理(scrollTop,scrollTo)
文盲的专栏
09-02 2775
1、增加自定义按钮 2、彻底接管文件上传 3、高亮提示 4、滚动条管理 5、自定义排版 ----------------------------------------------------------- 在做完广告词高亮提醒后，进行了一下测试，总体来说，结果不错，符合预期了，但是，当我将内容弄了好几屏之后，意外发生了，选中的词在屏幕之外，但滚动条没动！这是什么鬼！于是，看看百度编辑...
百度编辑器 UEditor 使用方法 及 如何设置固定高度且带滚动条及 如何设置修改传值的 name 属性
空心人的博客
11-22 3945
1、ueditor 配置及赋值传值 <form action="" method="post"> 新闻标题： <input type="text" name="title" class="input" required> <input type="hidden" name="content" id="contents" required> //设置表单传值隐藏域 新闻内容： <div id="editor" style="height:500px;"&g
html中body的事件onload定义的函数失效
lixingshi的专栏
06-16 8553
在html文档中定义了body的onload事件属性： ，但是load函数并未执行，可能是load所在js文件存在问题，没有被加载，可以通过浏览器F12调试工具，在console窗口可以看到js加载失败的错误提示，根据提示修改，等到所有文件都被加载完成，就可以出发load函数了
CSS——设置滚动条出现在body身上
hao_sir
03-16 2304
先看代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> *{ margin: 0; padding: 0; } html{ margi...
遮罩层下body页面可以滚动，设置两个属性
qq_37495762的博客
09-06 972
发生遮罩层下方body会滚动的一定是body的高度超出了视口的高度，也就是body本身就有滚动条，你的遮罩层需要进行滚动，这时你可以在body上加上一个 overflow: hidden; 试一试，同时你的遮罩层外层加上 overflow-y: scroll， overflow: scroll 其实也可以，但是在移动设备不生效，需要单独设置 Y 轴的滚动属性强制进行滚动，一般来说就可以解决问题了。 ...
事件之事件类型-滚轮事件（WheelEvent）
xiaoyangzhu的博客
12-18 9532
一 定义 鼠标事件还有一个名为滚轮事件的子类别 滚轮事件只有一个事件 mousewheel，反映的是鼠标滚 轮或带滚轮的类似设备上滚轮的交互 二 客户端坐标 0、属性：clientX 和 clientY 1、定义： 鼠标事件都是在浏览器视口中的某个位置上发生的 这些信息被保存在 event 对象的clientX 和 clientY 属性中 这两个属性表示事件发生时鼠标光标在视口中的坐标，所有浏览器都支持 2、图示： 3、获取方式： // 可以通过下面的方式获取鼠标事件的客户端坐标
弹窗滑动，造成body跟随滑动解决办法
程先生的博客
08-21 223
　　今天测试的时候遇到一个移动端的bug，为什么说是移动端的呢，因为在谷歌浏览器的移动模式下，这个是不会出现的。先描述具体的情况。一个长页面(肯定是比手机长的页面，所以肯定会滑动)，里面有一个按钮，点击按钮的时候，会有一个比屏幕小的弹窗，出现游戏规则。这个游戏规则也是超出这个弹窗的大小的，多以这个弹窗也是会滑动的。 　　真机测试的时候发现，当弹窗滑动到最低端的时候，继续向上滑动，发现底部的bod...
为什么jQuery不能监听body的滚动事件呢？
jie1336950707的博客
10-18 6981
有如下测试，发现不管用： $(document.body).scroll(function (e) { alert('我滚动了'); }); 查阅资料发现： 这跟jQuery貌似没什么关系，跟BOM和DOM是有关系的。 用基于miniYUI轻量级框架的JS来测试一下各大主流浏览器下window和document以及document.body上的滚动事件
js监听html页面的上下滚动事件
热门推荐
阿亮
06-28 5万+
最近在一个项目中，在写前端页面的时候，想像以前做Android时在页面时刻监听上下滚动的事件，查找资料发现由鼠标或类似用户动作触发的事件有以下图示：不多说了，直接上代码了，经过测试可以使用：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Dome</title> <sc
body背景固定或随滚动条滚动
最新发布
05-25
可以通过CSS的background-attachment属性来实现背景固定或随滚动条滚动的效果。具体的做法如下： 1. 背景固定不动，不随滚动条滚动： ```css body { background-image: url("your-image.jpg"); background-...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值