如何检测页面是否在顶部?

发布于 2024-12-07 15:53:12 字数 251 浏览 0 评论 0原文

我想让一个事件在页面滚动到页面顶部时发生。 我还需要一个 if 语句。 我是 javascript 的初学者,因此非常感谢您的帮助。

我正在寻找这样的东西:

if (at_the_top_of_the_page) {
do_the_event_here
}

我认为这是正确的结构。但我不知道什么是正确的代码。我知道它将是用 JavaScript 编写的。但我真的不知道如何...

I want to make an event occur when the page scroll is at the top of the page.
Also I need an if statement for it.
I am a beginner with javascript so any help is appreciated.

I am looking for something like this:

if (at_the_top_of_the_page) {
do_the_event_here
}

I think this is the right struckture for it. But I don't know what is the right code. I know that it will be in javascript. But I really don't know how...

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

如果没有你 2024-12-14 15:53:12

元素有一个可以读取或设置的 scrollTop 元素。确保您正在读取正确的元素的scrollTop,即您正在滚动的元素。

前任:

var div = document.getElementById('scrollable');
if(div.scrollTop==0){
    //Top of element
}

Elements have a scrollTop element that can be read or set. Make sure you're reading the correct element's scrollTop, the one that you're scrolling.

ex:

var div = document.getElementById('scrollable');
if(div.scrollTop==0){
    //Top of element
}
绝不服输 2024-12-14 15:53:12

使用此方法获取滚动条的位置

function Getpostion(){    
    var vscroll = document.body.scrollTop;    
    alert(vscroll);
}

如果 vscroll 为零,则 。 更多详细信息

Get the position of the scrollbar using this

function Getpostion(){    
    var vscroll = document.body.scrollTop;    
    alert(vscroll);
}

if vscroll is zero do your job. More details

此岸叶落 2024-12-14 15:53:12
document.body.scrollTop === 0;
document.body.scrollTop === 0;
无人问我粥可暖 2024-12-14 15:53:12

要做简单的方法:
在 HTML 文档中包含 jquery 库。

并检查用户是否位于页面顶部

var scrollPosition = $("body, html").scrollTop()
if (scrollPosition == 0){
   // top of the page
}

To do the easy way:
Include jquery library in your HTML document.

And to check if the user is on top of the page

var scrollPosition = $("body, html").scrollTop()
if (scrollPosition == 0){
   // top of the page
}
ぃ弥猫深巷。 2024-12-14 15:53:12

你必须使用 JavaScript。学习一点 jQuery。

You would have to use javascript. Get to learn a little bit of jQuery.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文