How can you do that?

你该怎么做?

Once you have the element, you can inspect its scrollLeft and scrollTop properties.

拥有元素后,就可以检查其scrollLeftscrollTop属性。

The 0, 0 position is always found in the top left corner, so any scrolling is relative to that.

总是在左上角找到0, 0位置,因此任何滚动都与之相对。

Example:

例:

const container = document.querySelector('. container')
container.scrollTop
container.scrollLeft

Those properties are read/write, so you can also set the scroll position:

这些属性是可读写的,因此您还可以设置滚动位置:

const container = document.querySelector('. container')
container.scrollTop = 

如何在JavaScript中获取元素的滚动位置相关推荐

  1. 如何在 JavaScript 中获取当前日期?

    问: 想要改进这篇文章?提供这个问题的详细答案,包括引文和解释为什么你的答案是正确的.没有足够细节的答案可能会被编辑或删除. 如何在 JavaScript 中获取当前日期? 答1: HuntsBot周 ...

  2. html 获取文本框值,html - 如何在JavaScript中获取文本框值

    html - 如何在JavaScript中获取文本框值 我正在尝试使用JavaScript从HTML文本框中获取值,但值不是在空格之后 例如: 我只得到:上面的"软件". 我正在使 ...

  3. java+script+当前日期_如何在JavaScript中获取当前日期?

    如何在JavaScript中获取当前日期? #1楼 您可以使用扩展了 Date对象的Date.js库,从而可以使用.today()方法. #2楼 如果您想对日期格式进行更多的粒度控制,我强烈建议您查看 ...

  4. 如何在JavaScript中获取时间戳

    如何在JavaScript中获取时间戳 +运算符 我们可以使用+运算符将日期对象直接转换为UNIX时间戳. 例如,我们可以这样写: +new Date() +日期对象之前操作者触发valueOf的方法 ...

  5. 如何在JavaScript中获取字符串数组的字符串?

    本文翻译自:How do you get a string to a character array in JavaScript? How do you get a string to a chara ...

  6. 现在JavaScript日期–如何在JavaScript中获取当前日期

    Many applications you build will have some sort of a date component, whether it's the creation date ...

  7. jquery 获取同级元素_如何在jQuery中获取元素的同级

    jquery 获取同级元素 In this post, we will discuss how to get the siblings of an HTML element in jQuery. jQ ...

  8. 如何在 JavaScript 中获取当前日期

    日常开发中我们经常会用到某种日期功能,比如内容的创建日期.活动的时间戳等.处理日期和时间戳格式可能会很麻烦.在本文中,我们将一起学习如何在 JavaScript中以各种格式获取当前日期. JavaSc ...

  9. javaScript中获取元素的id

    <!-- javaScript通常是用于操作HTML元素 ,如果是需要javaScript访问某一个 HTML元素这时候可以用document.getElementById(id)方法,请使用i ...

  10. 如何在JavaScript中为元素添加类名?

    Adding class names using JavaScript can be often used to give certain functionalities to your web ap ...

最新文章

  1. 【RecyclerView】 三、RecyclerView 布局 ( 线性布局管理器 LinearLayoutManager )
  2. 前端利用JS导出数据到Excel表 数字是文本类型 无法计算
  3. 史上最简单的SpringCloud教程 | 第四篇:断路器(Hystrix)
  4. 【Python数据结构】——二叉查找树(查找、构建、删除、插入、打印)
  5. Python面向对象基础一
  6. 使用Oracle 11g新特性 Active Database Duplication 搭建Dataguard环境
  7. bootstrap兼容ie8以下版本
  8. 最全解析如何正确学习JavaScript指南,必看!
  9. 48.自定义邮件模板
  10. python基础刻意练习--Task 7 文件与文件系统
  11. 微信抢红包微信 PHP代码实现
  12. 项目经验|电流信号检测装置(“TI杯”)
  13. ddr4单颗粒最大_国产DDR4内存颗粒!南亚DDR4颗粒超频测试
  14. HFUT雨课堂形式与政策【支持考试】
  15. 计算机视觉面试经验汇总(一)
  16. android 禁止媒体扫描,Android通过.nomedia文件禁止多媒体库扫描指定文件夹下的多媒体文件...
  17. matlab 中阿拉伯字母,常用阿拉伯字母念法
  18. 大数据周会-本周学习内容总结07
  19. redis客户端工具下载,RedisDesktopManager,RedisInsight
  20. 都说互联网很赚钱,真的?

热门文章

  1. 互联网需要:开放+平台
  2. ImportError: libpython3.8.so.1.0: cannot open shared object file: No such file or directory
  3. SQL(Structured Query Language)—结构化查询语言
  4. 导入证书 打开火狐点击设置,网络设置,手动代理
  5. 通用测试用例执行软件
  6. Cocos2d-x游戏移植到WP8之路 -- c++和c#交互
  7. 大一上学期,新慨念英语学习大厅试题资料
  8. 杭电计算机本科生毕业薪资水平,图解杭州电子科技大学2017毕业生统计与就业调查,薪资高出平均值...
  9. C语言实现简易走迷宫游戏
  10. C# HttpWebRequest 上传文件 (调用ArcGIS Rest API上传SOE文件)