获取滚动条移动的距离

最新推荐文章于 2020-03-12 15:38:48 发布

最新推荐文章于 2020-03-12 15:38:48 发布 · 632 阅读

JavaScript 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用JavaScript实现窗口滚动事件监听，并实时获取页面滚动的位置信息。

<script>
window.onscroll=function (){
    document.getElementById('num_para').value = 'top:'+document.body.scrollTop+'  left:'+document.body.scrollLeft;	
}
</script>

<input type="text" id="num_para" value=""/>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

iteye_15253

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

android获取滚动条位置,RecycleView4种定位滚动方式演示

weixin_39581964的博客

05-28

1704

阅读本文前，请您先点击上面的蓝色字体“Android扫地僧”，“关注”后再点击置顶公众号，优质干货，重磅资源第一时间送达。概述1相信大家在项目中使用RecyclerView时，经常会遇到这样的需求：将RecyclerView滑动到指定位置，或者检索RecyclerView的某一项(各个项的高度不确定)，然后定位滚动这到一项，将它显示。下面就讲解4种RecyclerView定位滚动的方式及具体效果...

层随滚动条移动

09-17

### 层随滚动条移动技术解析 #### 技术背景与概述在Web开发中，实现元素（如层）随着页面滚动条的滚动而移动的效果，可以为用户提供更好的交互体验。这种技术通常被称为“粘性定位”或“固定定位”，但在这里提到...

参与评论您还未登录，请先登录后发表或查看评论

C#利用API判断滚动条的位置

05-20

很简陋的一个测试程序，点击button打开API，拖动滚动条到最下方出现提示信息。

[HTML] 页面滚动时，获取离页面顶部的距离

Benson的专栏

09-05

1万+

$(function() { $(window).scroll(function() { alert($(window).scrollTop()); } } $(window).scroll方法监听页面滚动事件。 $(window).scrollTop方法返回页面距离顶部的距离（单位像素）

QScrollBar如何固定滚动距离

ihatetheworld7的博客

03-12

2192

重写QScrollBar中的wheelEvent事件 void MyScrollBar::wheelEvent(QWheelEvent * event) { int para = event->angleDelta().y();//获得鼠标滚轮的滚动距离para，para<0向下滚动，>0向上滚动 int tempStep = this->value(); i...

移动端获取页面滚动条距离顶部的距离，以及拖动惯性问题

milli236的博客

02-07

2万+

document.getElementsByTagName('section')[0].addEventListener('touchmove',function(e){ console.log("开始滑动了touchstart"); let a = document.documentElement.scrollTop; console.log("滑动距离为：",a); });jq...

获取滚动条滑动的距离

dg981214的博客

07-10

1231

/** * @description 获取滚动条滑动的距离 * document.documentElement.scrollTop | document.body.scrollTop * document.documentElement.scrollLeft | document.body.scrollLeft * IE8 和 IE8 以下的浏览器不兼容 * ...

随滚动条移动的层特效代码

03-20

标题中的“随滚动条移动的层特效代码”指的是在网页设计中实现的一种动态效果，它允许页面元素（通常称为“层”或div）随着用户滚动页面时同步移动。这种效果常用于创建各种视觉吸引人的交互体验，比如固定导航栏、...

C#滚动条使用总结

02-01

2. **Minimum**和**Maximum**：分别设定滚动条的最小和最大值，决定了滚动条的可移动范围。 3. **SmallChange**和**LargeChange**：定义了用户每次点击滚动按钮或使用箭头键时滚动的增量。SmallChange通常是单个单元...

JQuery检测滚动条距离顶部百分比特效代码

03-20

可以使用`$(window).scrollTop()`方法获取滚动条距离顶部的距离。接着，将这个距离除以窗口的总高度，再乘以100，就可以得到滚动条距离顶部的百分比。例如： ```javascript var scrollTopPercentage = $(window)....

移动页面获取滚动条和顶部之间的距离

6块腹肌的博客

07-17

1277

监听touchmove事件，然后获取document.documentElement.scrollTop，写法如下： HTML <section class="container" id="container"> <div><img src="image/demo.jpg" alt=""></div> <section class=...

jquery判断滚动条距离顶部的距离

热门推荐

觉罗晓的博客

08-23

3万+

// 滑动滚动条 $(window).scroll(function(){ // 滚动条距离顶部的距离大于 200px时 if($(window).scrollTop() >= 200){ $(".scroll_top").fadeIn(1000); // 开始淡入 } else{ $(".scroll_top").stop(true,true).fadeOut(1000); //

滚动条移动触发事件

枫叶的记忆

05-28

2717

window.onscroll = function(){ //alert("成功触发滚动事件"); //window.status="ScrollTop:" + document.body.scrollTop + " ScrollHieight:"+ document.body.scrollHeight + " offsetHeight:"+ document.body.offsetHeig

为什么需要document.documentElement.scrollTop || document.body.scrollTop的写法

qq_41494959的博客

02-18

2331

document.documentElement || document.body为了消除标准模式和怪异模式之间的差别而做的兼容。当我们在获取滚动位置时，常常使用document.documentElement.scrollTop来获取垂直滚动的偏移值，document.documentElement.scrollLeft来获取水平滚动的偏移值。但是为什么会常常见到document.docum...

获取滚动条距离的几种问题

qq_36587340的博客

11-14

821

//获取滚动条当前的位置 function getScrollTop() { var scrollTop = 0; if(document.documentElement && document.documentElement.scrollTop) { scrollTop = ...

实现滚动条联动的jQuery动画div效果

通过上述知识点的讲解，我们可以得出结论：实现一个跟随滚动条移动的 div 动画效果，核心在于使用 jQuery 监听滚动事件并结合 `.animate()` 方法实现平滑的过渡效果。整个过程并不复杂，但需要对 jQuery 的事件处理...