scrollTop在滚动之前返回顶部
在计算机编程中，scrollTop是一个属性，用于获取或设置元素在垂直滚动条上滚动的像素值。换句话说，scrollTop表示页面顶部与视口顶部之间的距离。当页面内容发生滚动时，scrollTop的值会发生变化。
在JavaScript中，可以通过以下方式获取和设置scrollTop的值：
// 获取 scrollTop 的值
let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
// 设置 scrollTop 的值
document.documentElement.scrollTop = 0;
document.body.scrollTop = 0;在某些情况下，例如在滚动事件中，可能需要在滚动之前将页面返回到顶部。这可以通过将scrollTop的值设置为0来实现。
window.addEventListener('scroll', function() {
document.documentElement.scrollTop = 0;
document.body.scrollTop = 0;
});请注意，这种方法可能会导致用户体验不佳，因为它会在用户滚动页面时立即将页面返回到顶部。在实际应用中，请根据具体需求谨慎使用。
相关·内容
我有滚动div与顶部的锚链跳转到div的某些部分，并有一个按钮滚动回到顶部。使用jquery，它可以很好地返回页面顶部，但在chrome中，就不是那么好了。在chrome中，如果你使用锚点链接跳到"# target“，然后点击返回页面顶部，它会向上滚动，然后向下跳回到之前点击的目标锚点。有趣的是，如果您手动向下滚动(不使用目标链接)，scrollTop将
浏览 2提问于2015-02-01得票数 1
我有一个将页面滚动到给定偏移量的函数。我使用视差效果，所以我的所有元素(和页面，或“幻灯片”)都是根据滚动条的位置来定位的。我的小问题是，当我单击另一张幻灯片的链接时，它会将页面滚动到所需的偏移量，但绑定的事件会被触发。这应该是OK，以保持平滑的效果。但是有一个小问题，似乎scrollTop函数在正确执行之前会返回顶部一毫秒。所以它看起来就像是每次我在滚动到正确的位置之前点击一个链接时，都会有另一个
浏览 0提问于2012-08-04得票数 1
回答已采纳
1回答
要确定用户在文档中滚动到的位置，以便当应用程序再次运行时，它会转到HTML文档中的该位置，那么有什么好策略？伊恩
浏览 1提问于2010-11-08得票数 0
回答已采纳
2回答
有一个div，风格固定60 is从顶部。我希望当我向下滚动，从顶部到顶部的距离达到10 to时，div在滚动的其余部分停止，当我向上滚动时，它会从顶部返回到旧风格的60 to。但是有一个计算距离的代码： elementOffset = $('#my-element').offset().
浏览 6提问于2014-11-18得票数 1
回答已采纳
1回答
我在试着在客户端打开一个对话框。当打开一个链接按钮来打开一个对话框时(链接位于屏幕底部，并要求用户向下滚动页面)--一个web方法正在被调用并返回要在对话框中显示的信息。问题是-页面的卷轴返回到顶部。在调用web方法之前，我试图保存坐标，如下所示：
当从web方法返回时(在打开对话框之前
浏览 2提问于2014-08-03得票数 0
1回答
jquery混合滚动问题
、、、、
我的主要目标是在创建时拥有整个网页滚动，而不允许projects滚动。然后，一旦您滚动任意数量的像素，将projects以窗口为中心，您唯一能滚动的就是projects。当main_content div变成固定的，并且它的顶部位置从0改变时，我会遇到两个问题。2)如果在滚动时光
浏览 2提问于2013-07-15得票数 1
回答已采纳
4回答
我目前在一个很长的项目列表上使用zii.widgets.CBaseListView。该列表足够长，它会导致页面滚动。当我使用列表底部的Yii分页器转到第2页时，浏览器窗口保持滚动位置，而不是跳到下一个列表的顶部。
对于这个问题，有人有简单的解决方案吗？我已经在这个项目的许多地方实现了这一点。
浏览 0提问于2011-12-14得票数 2
因此，如果表单中的条目太多，则模式将变为可滚动。问题是，在验证表单中的条目时，错误消息显示在第一个条目上方的模式顶部。如果用户至少是属性，那么他将不会知道发生了一些验证错误，除非将模式滚动到错误事件的顶部。我试过了：// and这是模式代码：
<div class="modal hide&quo
浏览 2提问于2013-06-04得票数 26
回答已采纳
2回答
当滚动条从顶部移动到任何其他高度时，我正在尝试执行一些js代码，现在它们被警报所取代。每次用户滚动时，我都不会试图触发警报，只是在第一个滚动页上。但是，如果用
浏览 1提问于2013-04-06得票数 0
回答已采纳
1回答
为了迫使用户滚动到下一个/上一个Waypoint，我尝试收集当前、活动和下一个Waypoint的垂直滚动位置：不幸的是，jQuery的scrollTop()函数返回所有元素的0。在进行了一些阅读之后，我相信这是height: 100%;元素的结果，由于其他一些CSS需求，我无法删除这些元素。(虽然我不确定这是问题的根本原因
浏览 3提问于2015-05-28得票数 0
你可以按下按钮在模式中滚动到元素13，它工作得很好，直到你在顶部滚动(scrolltop= 0)，但是如果你在点击按钮和点击按钮之前向下滚动一点手册，它不会把你滚动到目标位置，或者如果点击两次，第二次点击会滚动到顶部: Firefox 62.0b6 (Quantum)
浏览 13提问于2018-07-20得票数 0
2回答
当页面加载后，jquery抛出事件的工作状态很好，但是jquery执行代码并将页面移动到页面的顶部。*我的问题不是在同一个页面中链接锚，而是用url链接另一个带有锚的页面，例如：example_jquery.html#wopwop
我编写了一个示例，说明see不工作(您可以在任何浏览器中进行测试)：
浏览 4提问于2014-02-24得票数 2
回答已采纳
2回答
jQuery的.animate({ scrollTop: '0' }, 600 });会将iOS滚动到页面顶部，但不会滚动到绝对顶部(显示地址栏)。有没有办法使它变得更好呢？
谢谢!
浏览 0提问于2012-03-06得票数 0
3回答
submitted"); }, 'json');});
强制location.reload();之后，如何将用户放置在页面的顶部
浏览 4提问于2016-05-10得票数 1
回答已采纳
下面的代码用于检测用户是否已滚动到页面底部并工作。if($(window).scrollTop() == $(document).height() - $(window).height()){}我不明白为什么要从文档的高度减去窗口的高度，然后将其与滚动高度进行比较，以确定页面底部是否已经到达。为什么不简单//do something或
浏览 6提问于2013-03-28得票数 7
回答已采纳
1回答
( "#C2" ).hide().load( filename ).fadeIn(500);</script> $(" #C2 ").scrollTop();
第二个是在每一页<e
浏览 0提问于2019-07-04得票数 2
回答已采纳
2回答
我使用jQuery的scrollTop(0)方法编写了一些代码，该方法在Chrome上不能正常工作(版本56.0.2924.87)。我的代码设置了2秒超时，执行以下操作：
在Chrome上，如果在用户是而不是滚动时执行2秒超时，那么它将按预期工作。如果您在内联演示窗口内进行测试，则
浏览 2提问于2017-02-20得票数 0
回答已采纳
我有一个动画运行在全屏在我的网站顶部的网站负载。我想禁用滚动的时间动画运行(15秒)，但只有当Y滚动位置等于0，以防止滚动被禁用，如果网站正在加载#锚。问题是.scrollTop()没有在实际滚动之前输出滚动位置。$(window).scroll(function() { console.log(height);
浏览 2提问于2020-10-20得票数 1
回答已采纳
有一个JQuery scrollTop动画脚本，它检测$(window).scrollTop()值并执行一些动画，如果单击按钮滚动回顶部。$(This).click(函数(){ $("html，body").animate({scrollTop:0}，"fast")；})；当您的浏览器使用自定义webkit滚动条时，必须在css中设置。现在，由于删除了浏览器<
浏览 3提问于2011-01-26得票数 4
1回答
我有一个导航条，当我滚动通过它的顶部坐标时，我想把它粘在屏幕的顶部。我试图通过在其中添加一个类来实现这一点： $(window).scroll(function() { $('#nav').addClass(&#x
浏览 1提问于2015-12-18得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
