手动触发滚动事件

最新推荐文章于 2024-03-09 17:01:46 发布
最新推荐文章于 2024-03-09 17:01:46 发布
阅读量1.5k 收藏
点赞数
分类专栏： 杂七杂八 JavaScript 文章标签： 手动触发js滚动事件 手动触发scroll事件 手动让页面滚动1像素 手动让页面滚动1px
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/louting249/article/details/109216715
版权

解决因为监听滚动事件手动计算滚动距离影响其他效果事件（textare滚动事件也算在这里面从而影响了页面效果，需手动让页面滚动1px，避免影响。）

let evt = document.createEvent('UIEvents')
evt.initUIEvent('scroll', true, false, window, 1)
window.dispatchEvent(evt)

这段代码可在页面数据请求完后调用，可在上段代码加个定时器，定时器时间为0

lt要努力
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DevExpress 在layoutcontrol内置控件上无法触发滚动解决方式
12-24
在DevExpress的布局控件(LayoutControl)中，有时候用户可能会遇到一个常见的问题，即在内置的控件上无法通过鼠标滚轮触发滚动行为。这可能是由于默认的事件处理或控件设置导致的。本文将深入探讨这个问题，并提供17...
滚动触发动画插件scrollReveal
06-19
一款滚动触发动画插件scrollR eveal.js高品质网页特效，随鼠标滚轮监听位置不断加载动画效果炫酷网页制作特效插件JS代码。请用支持HTML5+CSS3主流浏览器预览效果。（兼容测试：FireFox、Chrome、Safari、Opera等支持...
滚动触发某一个事件
weixin_44540416的博客
07-17 280
先看看效果吧： HTML <div class="gx_bo_gu"> <!--上图标--> <p class="gx_pi pi" onmousedown="moveTop()"><i class="layui-icon iis" style="display: none;">&#xe619;</i></p> ...
JavaScript 如何手动触发窗口滚动事件
KevinMiGuan的博客
12-04 2803
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .box{height:2000px;} </style> </head> <bo...
滚动触发js事件
口袋的天空的博客
04-15 647
滚动触发js事件 通过document.documentElement.scrollTop || document.body.scrollTop;获取滚动的距离 <template> <div class="three"> {{flag}} <div class="box" :style="{background:flag?'red':'green'}"></div> </div> </template> &l
js 滚动条滚动到底部触发事件
weixin_43445771的博客
11-11 2660
一、前言 　　在开发项目时，常常需要展示大量数据。如果全部显示出来，数据相对少时，看不出来什么不同，如果数据很多时，一次请求全部显示，这就相当可怕了。 面对这种问题，PC里使用了分页效果，将数据分成一页页，换页时请求当前页数据， 而屏幕较小的移动端，分页就不怎么好看了，常用的方法是滚动到底部时继续加载数据 滚动加载其实也是一种分页，只是不使用页码而已。 二、正文 （一）、滚动事件的效果和原理 效果： 滚动到当前页的底部时，会转圈圈缓冲加载下一页的数据，完成后滚动区域和内容增加，以此类推； 原理： 3个数据（
JavaScript对滚动条的操作
gaohuanjie的专栏
07-03 3489
JavaScript对滚动条的操作
layui 中select下拉change事件失效的解决方法
10-16
今天小编就为大家分享一篇layui 中select下拉change事件失效的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
基于LabView的滚动字幕实现
10-26
定时器会周期性地触发一个事件，使得字幕能够连续滚动。 - 通过数组操作，如“数组索引”和“数组移位”函数，我们可以实现字符的移动效果。在每次定时器触发时，更新字符串显示控件的内容，使其看起来像在滚动。 ...
panel自定义滚动条
07-16
当用户点击滚动条的滑块或轨道时，可以手动改变滚动条的值并触发滚动事件。 ```csharp private void vScrollBar1_Click(object sender, EventArgs e) { // 根据点击位置计算新的滚动值 int newValue = ...
JS中手动触发事件的方法
weixin_34167043的博客
09-01 791
如果大家将一张网页看成一个form的话，大致上就成了一个web form的模型。在win form 下要想手动触发某一个对象的事件是很简单的，只要发送一条消息即可达成。(PostMessage) 但是网页并不是基于消息机制的，如果我们想在一张网页上写出一个类似于按键精灵的功能该如何实现呢？为大家介绍js下的几个方法： 1. createEvent（eventType）参数：eventType 共...
js滚动条触碰底部触发的事件
zyf13671493506的博客
09-27 738
var minAwayBtm = 100; // 距离页面底部的最小距离 window.addEventListener("scroll",function(e){ var awayBtm = $(document).height() - $(window).scrollTop() - $(window).height(); if (awayBtm <= minAway...
JS滚轮事件(mousewheel/DOMMouseScroll)了解
weixin_44273564的博客
12-28 590
本文复制地址：http://www.zhangxinxu.com/wordpress/?p=3175 一、学无止境、温故知新 //: 本段与技术无关，一些很个人的吐槽，可以跳过 正常状态已经没有了小学生时代过目不忘的记忆力了，很多自己折腾的东西、接触的东西，短短1年之后就全然不记得了。比方说，完全记不得获取元素与页面距离的方法(getBoundingClientRect)，或者是不记得现代浏览器下...
js模拟鼠标自动滑动滑块--dispatchEvent
nizaili1的博客
04-13 5248
initMouseEvent参数 event.initMouseEvent(type, canBubble, cancelable, view, detail, screenX, screenY, clientX, clientY, ctrlKey, altKey, shiftKey, metaKey, button, relatedTarget); 形参 type 设置事件类型type 的字符串，包含以下几种鼠标事件：click，mousedown，mouseup，mouseover，mousemove
javaScript：滚动事件以及窗口事件
qq_52799985的博客
10-10 1005
滚动事件和窗口事件用来实现响应式设计、动态调整页面元素等功能，提升用户体验。在处理这些事件时，需要考虑兼容性以确保在不同浏览器环境下都能正常运行。
JavaScript事件(createEvent,initEvent,dispatchEvent)
weixin_34419321的博客
03-01 1197
为什么80%的码农都做不了架构师？>>> ...
vue2 div滚动条下拉到底部时触发事件(懒加载) 超级简易版本的懒加载
最新发布
肥晨开发的学习之路
03-09 1783
通过监听div的scroll事件，可以获取滚动容器的相关属性，如滚动条的位置、可视区域的高度以及整个内容的高度。当滚动条到达底部时，可以执行相应的懒加载逻辑，比如加载更多数据。您好，我是肥晨。欢迎关注我获取前端学习资源，日常分享技术变革，生存法则；行业内幕，洞察先机。
js实现手动滑动条
热门推荐
我爱吃豆芽呀
08-15 2万+
效果如下图所示： 滑动效果如下图：   样例页面代码如下： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;test&lt;/title&gt; &lt;style&g
Vue的Scroll滚动事件触发
DanielBlackCat的博客
06-01 2576
切记 当你需要滚动事件触发 千万不要加 overflow-y: auto; 一旦加了 就 全是 0 例子： 去掉 overflow-y: auto; 如果你需要把这个页面当做子组件引入 需要加true 因为 ···· 请看最后一张图片 如果不加true 不变成捕获事件 则无法成功引用 <template> <div class="totop"> <div class="btnTop" v-if="btnFlag" @click="backTop()">
为什么QPlainTextEdit光标移动导致滚动条移动时，不会触发滚动条的valueChanged信号
05-24
当你移动光标时，QPlainTextEdit控件会自动滚动文本内容，从而导致滚动条的位置发生了变化，但是这种变化并不会触发滚动条的valueChanged信号。 如果你想在光标移动时也能够触发滚动条的valueChanged信号，可以重写...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值