如何使用js检测页面上一个元素是不是已经滚动到了屏幕的可视区域内

author author     2023-04-12     353

关键词:

var top = obj.getBoundingClientRect().top //元素顶端到可见区域顶端的距离
var se = document.documentElement.clientHeight //浏览器可见区域高度。
if(top <= se )
//code
参考技术A 工具

jQuery检测页面滚动后是不是可见具有特定id的元素

】jQuery检测页面滚动后是不是可见具有特定id的元素【英文标题】:JQuerydetectifanelementwithparticularidisvisibleafterpagescrollingjQuery检测页面滚动后是否可见具有特定id的元素【发布时间】:2013-06-0101:54:15【问题描述】:我想创建在页面ht... 查看详情

如何检测是不是在某个元素内发生滚动

】如何检测是不是在某个元素内发生滚动【英文标题】:howtodetectifscrollishappeningwithincertainelement如何检测是否在某个元素内发生滚动【发布时间】:2021-04-0507:24:16【问题描述】:我想检测指针滚动是否发生在某个元素内,然后执... 查看详情

如何检测对象是不是位于画布元素上的坐标处?

】如何检测对象是不是位于画布元素上的坐标处?【英文标题】:Howtodetectifanobjectisatcordinatesoncanvaselement?如何检测对象是否位于画布元素上的坐标处?【发布时间】:2013-10-1313:52:02【问题描述】:我正在努力在画布上创建一个井... 查看详情

使用 MutationObserver 检测滚动高度变化?

...tationObserver?【发布时间】:2017-11-0917:38:15【问题描述】:如何使用MutationObserver检测DOM元素上的scrollHeight何时更改?它不是属性,也不是数据。背景:我需要检测滚动条何时出现在我的内容元素上,其中overflow-y设置为自动。我想... 查看详情

如何在 Playwright.js 中检查页面上是不是存在元素

】如何在Playwright.js中检查页面上是不是存在元素【英文标题】:HowtocheckifanelementexistsonthepageinPlaywright.js如何在Playwright.js中检查页面上是否存在元素【发布时间】:2021-02-2307:53:11【问题描述】:我正在使用playwright.js为https://target.... 查看详情

检测页面上的滚动方向 - 更新上一个值

...取滚动方向才能做一些事情。我有一个工作代码,但我对如何存储和更新以前的滚动位置一无所知。这是我的代码:componentDidMount()constprev=window.scrollY 查看详情

在 iOS 中,当用户滚动浏览 WKWebView 时,如何检测屏幕上可见的 html 元素?

】在iOS中,当用户滚动浏览WKWebView时,如何检测屏幕上可见的html元素?【英文标题】:IniOShowtodetectwhathtmlelementsarevisibleonthescreenasuserscrollsthroughWKWebView?【发布时间】:2021-08-2202:36:45【问题描述】:我的iOS应用程序中的一个视图是... 查看详情

如何检测浏览器窗口是不是滚动到底部?

】如何检测浏览器窗口是不是滚动到底部?【英文标题】:Howtodetectifbrowserwindowisscrolledtobottom?如何检测浏览器窗口是否滚动到底部?【发布时间】:2012-03-1510:23:25【问题描述】:我需要检测用户是否滚动到页面底部。如果它们在... 查看详情

使用jQuery检测元素是不是可见[重复]

】使用jQuery检测元素是不是可见[重复]【英文标题】:DetectifanelementisvisiblewithjQuery[duplicate]使用jQuery检测元素是否可见[重复]【发布时间】:2012-02-0503:24:22【问题描述】:使用.fadeIn()和.fadeOut(),我一直在我的页面上隐藏/显示一个... 查看详情

如何在页面滚动时隐藏元素?

】如何在页面滚动时隐藏元素?【英文标题】:Howtohideanelementaspageisscrolled?【发布时间】:2021-12-3116:27:06【问题描述】:当我在页面中向上滚动时,我试图隐藏一个元素。我正在使用剪辑路径和位置:固定来尝试实现这一目标。T... 查看详情

如何使用 PDFkit 检测滚动到 PDF 中的另一个页面

】如何使用PDFkit检测滚动到PDF中的另一个页面【英文标题】:HowtodetectscrollingtoanotherpageinPDFusingPDFkit【发布时间】:2019-03-1711:58:44【问题描述】:我正在尝试添加当前页码所以当用户滚动到另一个页面时,它会显示例如2of3(如果p... 查看详情

简单的角度方法来检测元素是不是在滚动的视口中

】简单的角度方法来检测元素是不是在滚动的视口中【英文标题】:EasyAngularwaytodetectifelementisinviewportonscroll简单的角度方法来检测元素是否在滚动的视口中【发布时间】:2022-01-1319:15:33【问题描述】:我正在尝试为我的Angular应... 查看详情

如何转到页面上的特定元素? [复制]

】如何转到页面上的特定元素?[复制]【英文标题】:Howtogotoaspecificelementonpage?[duplicate]【发布时间】:2011-06-1515:47:28【问题描述】:在我的HTML页面上,我希望能够“转到”/“滚动到”/“关注”页面上的某个元素。通常,我会使... 查看详情

如何检测是不是在 HTML 页面上的任意位置按下了某个键?

】如何检测是不是在HTML页面上的任意位置按下了某个键?【英文标题】:HowtodetectifakeyispressedanywhereonanHTMLpage?如何检测是否在HTML页面上的任意位置按下了某个键?【发布时间】:2022-01-1508:04:57【问题描述】:基本上,我只是想... 查看详情

js如何让滚动条自动定位到页面一半的位置,不要误差

...计都还很清楚,但既然我说滚动条也是一个元素,那么它是不是也在我们的HTML中呢?又或者它是浏览器的固有的一部分?如果您觉得它是HTML中的一部分,那么您就对了,因为它是依附容器而存在的,而默认产生滚动条的容器是&... 查看详情

停用平滑滚动元素

...是慢慢滚动到页面底部。我将elementorbuilder与wordpress一起使用。有没有可以去掉平滑滚动的jque 查看详情

如何在 Safari 上使用 JS 检测用户关闭页面

】如何在Safari上使用JS检测用户关闭页面【英文标题】:HowtouseJSdetectuserclosepageonSafari【发布时间】:2017-01-0408:16:08【问题描述】:我想检测用户使用js关闭我的页面,在Chrome/Firefox中我使用onbeforeunload事件,但在Safari(在macOS和iOS... 查看详情

滚动 DIV 元素时如何防止页面滚动?

】滚动DIV元素时如何防止页面滚动?【英文标题】:HowtopreventpagescrollingwhenscrollingaDIVelement?【发布时间】:2011-11-2720:45:23【问题描述】:我已经审查并测试了各种防止身体在div内滚动的功能,并结合了一个应该可以工作的功能。$... 查看详情