js判断是上滑动还是下滑动

最新推荐文章于 2023-08-18 13:57:49 发布
最新推荐文章于 2023-08-18 13:57:49 发布
阅读量2.5k 收藏 2
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40039641/article/details/81112989
版权

let scrollY = window.scrollY; // 初始值

$(window).on('scroll', funcation() {

      let currentY = window.scrollY;

      if(currentY  < = scroollY) { // 向下滑动

          $(element).hide()

     } else { // 向上

             $(element).show()

     }

      (currentY === 0) && $(element).hide()
      scroll = currentY

})

 

VirtuousIntro
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js仿小米手机上下滑动效果
10-20
主要为大家详细介绍了JavaScript仿小米手机上下滑动效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Js判断H5上下滑动方向及滑动到顶部和底部判断的示例代码
10-19
下面小编就为大家分享一篇Js判断H5上下滑动方向及滑动到顶部和底部判断的示例代码，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
js手机端、h5页面如何判断点击还是滑动
a_115098的博客
03-11 1879
在手机h5端页面使用上下滑动事件实现翻页等一系列功能时，可以使用触摸结束的位置 - 触摸开始的位置判断，当结果大于0时，向上翻页，当结果小于0时向下翻页。 document.addEventListener('touchstart',this.touchstart); document.addEventListener('touchend',this.touchend); touchstart(e){ // console.log(e.changedTouches[0].p
JS判断移动端上拉和下滑
flowRight的博客
11-28 2727
根据触碰屏幕开始时候的坐标位置和结束时候在竖直方向（Y轴）的坐标位置，判断方式是上拉还是下滑 var startY; //定义开始时候的坐标位置 document.addEventListener('touchstart',function (ev) { startY = ev.touches[0].pageY; }, false); docume...
JS-移动端判断上拉和下滑
weixin_30770783的博客
07-19 2821
一、手指触屏，利用touchstart和touchend计算前后滑动距离，判断是上拉还是下滑。 二、js中距离：pageY、clientY、offsetY的区别： offsetY:相对于父节点的偏移距离。 clientY:相对于浏览器，滚轮距离不算在内。 pageY:相对于浏览器，滚轮滚动的距离算在内；本例中，用pageY，触屏时记录位置-star...
通过 JS 判断页面是否有滚动条的实现方法
10-18
最近在写插件的过程中，需要使用 JS 判断是否有滚动条，搜了一下，大致方法都差不多，但都有些啰嗦，代码不够简洁。最终通过参考不同方法，写了一个比较简单的方法
js判断手指的上滑，下滑，左滑，右滑，事件监听 和 判断鼠标滚轮向上滚动滑轮向下滚动
最新发布
夜空孤狼啸的博客
08-18 2998
/ touchcancel: //系统取消touch事件的时候触发，这个好像比较少用。console.log(wheelDelta + ‘滑轮向上滚动’);console.log(wheelDelta + ‘滑轮向下滚动’);// touchmove: //手指在屏幕上滑动式触发。// touchstart: //手指放到屏幕上时触发。// touchend: //手指离开屏幕时触发。//火狐使用DOMMouseScroll绑定。//其他浏览器直接绑定滚动事件。
原生js判断滚动条上下方向，js简单判断页面滚动条滚动方向
huang_rui_min的博客
06-09 1074
原生js简单判断页面滚动条方向是向上还是向下
JS使用IF方法判读鼠标滚轴向下还是向上。【特别简单版本】
m0_57927664的博客
05-17 343
使用 window.scroll 提供的基本知识，来判断鼠标上或者是下的动作。
web移动前端页面，jquery判断页面滑动方向
IT_Ping的博客
10-15 545
/*判断上下滑动：*/  $('body').bind('touchstart',function(e){         startX = e.originalEvent.changedTouches[0].pageX;         startY = e.originalEvent.changedTouches[0].pageY;     });     $("body").bind("to...
JS实现移动端判断上拉和下滑功能
10-19
通过手指触屏，利用touchstart和touchend计算前后滑动距离，判断是上拉还是下滑。接下来通过实例代码给大家介绍js移动端判断上拉和下滑功能，感兴趣的朋友一起看看吧
移动端，JS判断滑到页面底部上滑进行操作
热门推荐
sflf36995800的博客
06-16 1万+
做项目的时候接到小发版以为很小的东西就没放心上，结果还是忽略了很多，造成一些困扰， 1 【滚动区高度获取] document.documentElement.scrollHeight 可以通过【scrollHeight】这个属性去获取，根据【js高性能的理论】像获取这样的属性时页面会再次重绘排版，也就是引起渲染,所以要尽可能的减少这个属性的读取，当然一开始可以获取它的值并保存在一个变量中
js监听html页面的上下滚动事件方法
qq_41353397的博客
11-14 851
html代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Dome</title> <script type="text/javascript"> function scroll(){ //console.log("打印log日志");实时看下效果 console.log("开始滚动！"); }
原生JS判断向上或向下滑动
羽筠的博客
01-05 1162
原生JS判断向上或向下滑动，可根据结果设置进入上一页或下一页操作 // 判断向上或向下滑动 // ifPrevent 是否阻止事件默认行为 function getTouchType(element,ifPrevent,callback){ var startY , endY , diff; element.addEventListener("touchstart", touchStart, false); element.addEventListener("touchmove", touchM.
关于js滚动的相关判断
nick_zhang的博客
05-27 2464
window.addEventListener(‘scroll’,this.scrollToTop) // 对文档中某一处元素的scroll事件@scroll=“handleScroll($event)”,把document换成e.target let scrollTop = document.documentElement.scrollTop || document.body.scrollTop; let clientHeight = window.innerHeight || document.d
集训第十天--移动端判断向上还是向下滑动
weixin_45822952的博客
10-31 426
主要用到了移动端的三个事件 touchstart touchmove touchend 当用户的手指触碰到该屏幕时，获取到用户触碰到该点的pageY的位置 （要通过e.touches[0].pageY来获取） 当用户移动点的时候 再一次获取 y轴的偏移位置 减去第一次 就等于用户滑动屏幕的差值 然后再判断这个值 如果为正数则下滑动 如果为负数则是向上滑动 详细代码见下 var startY = 0,moveY = 0 function pages(obj1, obj2) ..
js判断手指上滑和下滑
Cool的博客
08-03 9086
&lt;script&gt; var startX = 0, startY = 0; function touchStart(evt){ try{ var touch = evt.touches[0], //获取第一个触点 x = Number(touch.pageX), //页面触点...
js怎样判断鼠标向下滚动还是向上滚动
04-29 3812
有时候需要用JS监听鼠标是往下还是往上滚动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <m...
JavaScript判断浏览器向上或者向下滚动
Eiwen的博客
03-07 3350
/*** * 监听滚动事件，判断滚动方向 * ***/ var Before_scollH = 0; $(window).on('scroll', function () { var After_scollH = $(window).scrollTop(); var differH = After_scollH - Bef...
如何判断滚轮是向前还是向后滑动
05-31
在Qt中，可以通过QWheelEvent的delta()函数获取滚轮滚动的距离，如果值为正数，则表示向前滚动，如果值为负数，则表示向后滚动。因此，可以根据delta()函数返回值的正负来判断滚轮是向前还是向后滑动。示例代码如下： ```cpp void YourWidget::wheelEvent(QWheelEvent *event) { int numDegrees = event->delta() / 8; int numSteps = numDegrees / 15; if(event->delta() > 0) { // 向前滚动 // 执行你的操作 } else { // 向后滚动 // 执行你的操作 } } ``` 在上述示例代码中，当delta()函数返回值大于0时，表示向前滚动，当返回值小于0时，表示向后滚动。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值