如何在可滚动div中获取以像素为单位的滚动距离
在可滚动的div中获取以像素为单位的滚动距离，可以通过以下步骤实现：
- 首先，使用JavaScript获取到该可滚动div的DOM元素。可以使用document.getElementById()方法或其他选择器方法来获取该元素。
- 接下来，使用该DOM元素的scrollTop属性来获取滚动距离。scrollTop属性表示元素顶部被隐藏的像素数。例如，如果scrollTop为0，则表示元素顶部完全可见；如果scrollTop为100，则表示元素顶部被隐藏了100个像素。
- 接下来，使用该DOM元素的scrollTop属性来获取滚动距离。scrollTop属性表示元素顶部被隐藏的像素数。例如，如果scrollTop为0，则表示元素顶部完全可见；如果scrollTop为100，则表示元素顶部被隐藏了100个像素。
- 如果需要实时获取滚动距离，可以监听该可滚动div的scroll事件，并在事件处理程序中获取scrollTop属性的值。
- 如果需要实时获取滚动距离，可以监听该可滚动div的scroll事件，并在事件处理程序中获取scrollTop属性的值。
以上是获取可滚动div中以像素为单位的滚动距离的方法。这种方法适用于各种前端开发场景，例如需要根据滚动距离实现一些动态效果、懒加载等。对于腾讯云相关产品，可以参考腾讯云官方文档或开发者社区获取更多相关信息。
相关·内容
1回答
如何在可滚动div中获取以像素为单位的滚动距离
javascript
在这个应用中，我得到了一个可滚动的div (overflow: auto)。 我正在寻找一种方法来检查div已经滚动了多少像素，这样我就可以使用这个距离来获得它内部可滚动元素的准确距离。下面的代码只返回与窗口一侧的距离，但我需要添加滚动的像素才能获得精确值。 ui.offse
浏览 26提问于2020-12-11得票数 0
回答已采纳
1回答
如何创建一个循环来查看你在颤动中滚动了多少？
android、android-studio、flutter、dart、counter
如何创建一个循环，其中使用ScrollPosition显示以像素为单位的滚动量。假设用户在屏幕上上下滚动， 假设视图为10,000像素 在屏幕中间移动，回到顶部，移动到视图的3/4左右。可以使用ScrollPosition来获取吗?创建一个循环来获取滚动的总距离(以像素为单位
浏览 37提问于2020-11-17得票数 0
6回答
使用鼠标滚轮向下滚动事件的网站上滚动了多少像素？
javascript、jquery、events、javascript-events、mouseevent
我正在编写一个自定义的滚动条，并且正在捕捉鼠标滚轮事件。我用它来调整我想要滚动的元素的scrollTop。
浏览 5提问于2011-10-14得票数 11
1回答
材质-UI:滚动到元素时触发转换
javascript、reactjs、material-ui、frontend
我使用的材料反应-用户界面为我的网站，我想添加一些过渡。到目前为止，我已经使用了一个按钮来使组件出现，但是当我滚动到组件时，我希望它出现，然后是转换触发器。我使用的是资料用户界面中的<Grow/>组件，你能帮我吗？
浏览 0提问于2021-04-15得票数 2
回答已采纳
1回答
如何在单击jQuery时向下滚动一定距离
javascript、jquery、animation、scroll、jquery-animate
当我点击一个带有动画的按钮到一定距离时，我试着向下滚动页面，目前，我能够向下滚动到某个元素，但这不是我想要的，我想向下滚动到一定的距离(以像素为单位)。我尝试了很多不同的方法，但在我的情况下，它们似乎不起作用，至少不是我想要的那样。'.next_section').click(function(){
浏览 3提问于2017-11-04得票数 3
回答已采纳
1回答
基维:把ScrollView移到某个y
python、kivy、scrollview
我有一个基本的应用程序，我需要将我的ScrollView移动到特定的y，我使用scroll_to()，但是这次，我需要移动到一个特定的位置，考虑到多个信息。(我在中没有找到)from kivymd.app import MDApp
BoxLayout:
ScrollView
浏览 1提问于2021-03-29得票数 1
回答已采纳
1回答
获取滚动水平滚动条的距离
c#、winforms、scrollbar
如何获得滚动的水平滚动条(以像素为单位)的距离？我试着寻找其他答案，但那只是解决垂直滚动条，我不知道如何将它转换为水平。
浏览 3提问于2013-08-11得票数 0
回答已采纳
1回答
动态调整组合框的宽度，以便显示整个字符串。
c++、c、winapi、combobox
我使用combobox控件来显示存储在数据库中的名称(例如，我需要保留空间，这就是为什么我使用它而不是listview )。
我的问题是，有时候文字比组合框长，所以它的一部分看不见。是否有一种方法来调整combobox‘listbox的大小，以便它可以完全显示文本，或者至少启用某种水平滚动，以便用户可以滚动查看整个文本？纵观combobox文档，我还没有找到任何可以解决我的问题的样式。尝试在我的WS_HSCROLL调
浏览 5提问于2014-12-09得票数 0
回答已采纳
2回答
框式文本-以像素为单位获取超出屏幕边界的文本长度
javascript、jquery、html、css、viewport
我正在尝试获取一个新闻提要的长度，它从一边滚动到另一边，在页面上滚动。我需要计算文本的宽度(以像素为单位)，以确定何时重新定位开始。
我已经将新闻提要文本包装在div容器中。但是，当我试图获取文本的长度(以像素为单位)时:我只获得了我的视图的</em
浏览 1提问于2014-04-02得票数 0
1回答
"getScrollX和getScrollY“的含义是什么
android、scrollview、android-view
最近我想写一个与滚动相关的自定义视图。当我使用scrollTo(100,0)**，会计时，视图将向右移动，但结果是视图向左移动。
浏览 3提问于2016-05-24得票数 2
1回答
如何知道在RecyclerView中滚动了多少像素？
android、scroll、android-recyclerview
我有一个包含不同子视图的RecyclerView。我想知道与开始状态相比，用户滚动了多少像素。换句话说，我想知道与当前屏幕内容和RecyclerView第一项的确切距离(以像素为单位)。
我看到RecyclerView有一个computeVerticalScrollOffset方法。但是该方法返回了错误的值。
浏览 27提问于2017-07-07得票数 0
1回答
如何获得滚动条的尺寸？
javascript、jquery、html
因此，它有垂直滚动条和水平滚动条。
如何在Javascript/jQuerys中以像素为单位获得这些滚动条的尺寸？
浏览 3提问于2010-04-27得票数 0
回答已采纳
5回答
安卓ListView当前滚动位置Y像素
android、listview、scroll、scroll-offset
我正在尝试检测列表视图何时滚动超过以像素为单位的某个固定阈值(第一项滚动到一半)。不幸的是，listview的getScrollY()似乎总是返回滚动位置的0。有没有办法以像素为单位获取实际的滚动位置？
下面是我尝试使用的代码，但如前所述，它只返回0。
浏览 7提问于2012-10-04得票数 31
回答已采纳
1回答
垂直RecyclerView内部的水平RecyclerViews丢失位置/状态
android、android-fragments、android-recyclerview、linearlayoutmanager
我有一个垂直回收器视图，垂直回收器视图的每个项目都有一个水平回收器视图，水平回收器视图的所有项目都有不同的高度和高度，我正在编程滚动回收器，以像素为单位的距离，几乎一切正常。所有的水平回收机必须同步，他们必须滚动相同的距离。我可以在所有可见的行中水平滚动，但当我滚动verticall回收器时，
浏览 5提问于2016-09-05得票数 0
1回答
如何在python 3.7中设置帆布摄像机的位置
python、canvas、tkinter、camera
我正在写一个类似马里奥的游戏(非商业性的，我只是试着对编码进行梳理)，我需要跟随两个玩家中的一个。干扰canvas.move并不能满足我的需要，我想知道是否有什么方法可以真正控制它从屏幕上呈现的位置(比如屏幕外的一个播放器和摄像机移动到屏幕上)。我的代码：import math,time
class Camera:
浏览 0提问于2019-08-11得票数 1
回答已采纳
1回答
我正在使用像这样的滚动器： <TextBlock FontSize="15" TextWrapping="Wrap">(a block of random text)</ScrollViewer>
我用的是一台很不错的带有触摸屏的新笔记本电脑，但如果我按下文字，移动起
浏览 2提问于2014-11-17得票数 0
5回答
界面生成器的隐藏功能？
cocoa、xcode、interface-builder
在第一次学习Xcode + Interface Builder时，你希望知道界面生成器的一些不常见或“隐藏”的功能是什么？
这个问题特别与GUI有关，而界面生成器的功能不是很明显。
浏览 51提问于2009-11-01得票数 16
2回答
offset().top是否会发生变化
jquery、html、css
我是jQuery的新手，正在尝试做一些滚动的事情。通过我的研究，我发现scrollTop()和offset()是用于此目的的工具。我正在运行一个测试，按下一个按钮就会警告一个div的.top()的值。当我滚动一点并按下按钮时，该值发生了变化。我的印象是这个值应该保持不变，因为当我滚动时，从div到文档顶部的距离不会改变。有人能解释一下为什么会发生
浏览 3提问于2013-07-23得票数 0
2回答
LazyColumn Jetpack中以像素为单位的当前滚动位置值合成
android、scroll、android-jetpack-compose、android-jetpack、lazycolumn
我想拥有在LazyColumn中px中的总滚动位置。列本身有一个ScrollState，它有一个值(在文档中描述为当前滚动位置值(以像素为单位)，但是LazyColumn ScrollState没有这个字段，我想要与LazyColumn的列ScrollState滚动位置值完全相等的值，我如何在LazyScrollState<em
浏览 7提问于2022-08-12得票数 0
我有一个在窗口高度的70%设置显示内容的模式。我希望该模式内容的一部分具有一个overflow-y: scroll，并且我希望该可滚动部分中的可见区域始终是父区域的100%。当我试图将可滚动部分的高度设置为100%时，它变得非常大，不再卷动，并将高度扩展到父元素隐藏的溢出之外。如果我将其设置为以像素为</e
浏览 3提问于2020-04-11得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
