为什么javascript检测到我已经滚动到元素的底部，而我没有呢？
JavaScript检测到已经滚动到元素底部，但实际上并未滚动到底部的原因可能有以下几种：
- 元素高度问题：元素的实际高度可能超出了其可见高度，导致滚动到看似底部的位置时，实际上还有内容未完全展示。可以通过检查元素的高度和滚动容器的高度来确认是否存在这个问题。
- 异步加载内容：如果元素内部的内容是通过异步加载获取的，那么在滚动到底部之前，可能还有部分内容未加载完成。可以通过监听滚动事件，在滚动到底部时判断是否还有未加载的内容，并等待内容加载完成后再进行相应操作。
- 滚动事件触发频率：滚动事件的触发频率可能较低，导致在滚动到底部时，检测到底部的代码尚未执行。可以通过调整滚动事件的触发频率或者使用节流/防抖函数来解决这个问题。
- 其他因素影响：可能存在其他因素影响滚动到底部的判断，例如浏览器兼容性问题、代码逻辑错误等。可以通过调试工具、日志输出等方式来定位问题所在。
总结起来，JavaScript检测到已经滚动到元素底部，但实际上并未滚动到底部的原因可能是元素高度问题、异步加载内容、滚动事件触发频率、其他因素影响等。需要根据具体情况进行排查和调试。
相关·内容
1回答
如何使用ReactJS检测鼠标向下滚动按钮事件？
javascript、reactjs、events、scroll、mouse
我很难理解如何使用react的onMouseDown事件来检测"mouse3“/鼠标向下滚动按钮事件。
我在一些元素上使用：
<Menu.Item
icon={<DashboardOutlined style={{ fontSize: '21px' }} />}
onClick={onClickDash}
onMouseDown={handleEvent}
>
Dashboard
</Menu.Item>
然后是handleEvent：
const handleEvent = (event)
浏览 6提问于2021-11-23得票数 0
1回答
第一次反应滚动到底部的作品(演示内部)
javascript、reactjs、react-redux、react-router、react-hooks
我有一个react项目，我试图实现无限滚动，但不确定为什么它只检测底部一次，从下一次开始，值总是有一个像素的差异，所以它永远不匹配element.clientHeight。
下面是我用来检测滚动到底部的代码
Math.ceil(element.scrollHeight - element.scrollTop) === element.clientHeight
接下来，我实际上希望在axios到达底部之前调用200个像素，这样我就可以获取数据并将其添加到底层，这样用户就不必等待数据加载。
我已经创建了演示回购，它的问题与我的项目相同。
浏览 1提问于2021-03-22得票数 2
回答已采纳
2回答
呈现新容器后，滚动到页面底部
javascript、html、css、vue.js
所以，直截了当地说。我有一个带有100vh的2 containers，但是当你点击第一个容器中的一个按钮时，第二个容器会被渲染。按钮单击事件函数还有这一行：window.scrollTo(0,document.body.scrollHeight);，它让我滚动底部的..现在的问题是，在单击时，我从api获取信息，这需要一点时间，而且由于javascript是asynchronous，即使我将滚动函数放在函数的底部，滚动函数也会在等待加载信息和呈现第二个容器之前自动执行。有没有人能告诉我怎么才能解决这个问题？ 编辑:这里有一些额外的信息..第二个容器根据布尔变量显示。在回调函数中，我将该值设置
浏览 19提问于2019-07-01得票数 0
回答已采纳
2回答
Div在加载时滚动到底部
html、scroll、load
如何使用jQuery在加载时将div滚动到底部？我有一个带有预设宽度和高度的div和一个从MySQL (使用php脚本)获取内容并将其打印到该DIV的jQuery函数。div有一个滚动条，隐藏的btw，我希望这个div在加载时滚动到底部。有没有办法做到这一点？
HTML：
<div id="showContent"></div>
jQuery：
var auto_refresh = setInterval( function()
{
$('#showContent').load('show.php').fadeIn(
浏览 1提问于2013-07-04得票数 1
2回答
使用.animate - jQuery滚动到顶部-先跳到底部？
javascript、jquery、html、scroll、jquery-animate
我有以下jQuery片段
$('html, body').animate({
scrollTop: 178
}, 2000);
我在页面的底部有一些分页按钮，当它们被点击时会触发一个javascript函数。在这个JS函数中，上面的代码片段被调用。
这可以很好地将页面滚动回到菜单上方的顶部，但首先页面似乎会突然跳到最底部(除非您已经在最底部)，然后才会像应该的那样向上滚动？
我正绞尽脑汁试图弄清楚这种行为。
除了给出一个网站的链接，我不知道还能怎么解释：
加载结果后，转到页面底部，稍微向上滚动，然后单击“下一页”按钮。当页面在向上滚动之前向下跳转时，就会发生奇怪的事情。
浏览 2提问于2013-01-03得票数 1
回答已采纳
5回答
如何使div 100%的页面(不是屏幕)的高度？
html、css
我正在尝试使用CSS在我的页面上创建一个“灰显”的效果，而当应用程序工作时，一个加载框显示在前台。我已经创建了一个100%高/宽，半透明的黑色div，它的可见性通过javascript打开/关闭。我认为这很简单；然而，当页面内容扩展到屏幕滚动的程度时，滚动到页面底部会显示出一部分并未灰显。换句话说，div高度中的100%似乎适用于浏览器视口大小，而不是实际的页面大小。如何使div扩展到覆盖整个页面的内容？我试过使用JQuery .css('height'，'100%')，然后切换它的可见性，但这不会改变任何事情。
这是有问题的div的CSS：
div.scree
浏览 3提问于2009-06-16得票数 57
回答已采纳
4回答
如何让浏览器在固定的位置滚动？
javascript、scroll、browser
如何阻止浏览器滚动，或者如何使浏览器连续滚动到固定位置？
我正在为任天堂3DS浏览器开发一个库。我使页面完全适合浏览器，但向上箭头使其滚动，因为底部屏幕是唯一被识别为可见区域的窗口。
我想让div #bottomScreen成为底部屏幕中唯一的东西，并且禁用滚动是我认为唯一可以工作的东西。
我已经知道如何把它滚动到上面提到的位置
document.body.scrollTop = 220;
我怎么才能让它一直走到这个位置？
用setTimeout做一个重复计时器，然后把上面的代码放进去是行不通的。我相信这是因为这只在页面加载之前有效。
有什么关于如何执行它的建议吗？
浏览 3提问于2011-12-28得票数 0
回答已采纳
2回答
元素页脚不粘在页面底部
wordpress、footer、elementor
我目前正在开发一个使用Elementor的网站。我试着使用一个单独的插件(Elementor &Header)集成一个页脚，但是，如果只有很少或没有内容，那么页脚就不会粘在页面的底部。
由于这似乎是一个常见的问题，我通过添加以下代码解决了这个问题：
div.footer-width-fixer {
position: fixed;
bottom: 0;
}
现在，页脚粘在页面底部，但是，还有另外两个问题：
页脚与页面底部的内容重叠(见附件图像)。
页脚很粘，虽然我没有把它设置成这样。我只希望页脚出现在页面底部，而不是当访问者滚动的时候。
有什么办
浏览 9提问于2022-09-29得票数 0
1回答
页面加载后的scrollTo元素(错误位置)
jquery、jquery-plugins
我使用jQuery中的scrollTo函数来平滑地滚动到页面上的元素。当我在同一页内点击一个带有目标的链接时，它工作得很好。
我的问题是，我还想让它在页面加载时直接在外部页面上工作(otherDoc.aspx?a=elementId和if Request.QueryString...)。问题是它没有滚动到正确的位置，我认为这是因为所有的内容可能没有完全加载，所以元素的位置会改变，这意味着在连接速度很慢的情况下结果会更糟。我尝试做一个setTimeout来测试延迟，然后它滚动到正确的位置。一种选择是在外部链接上做简单的锚点#myAnchor，但平滑的滚动会给人更好的感觉。
我的代码：
<s
浏览 0提问于2013-04-28得票数 0
回答已采纳
4回答
onEndReachedThreshold在反应中的真正含义是什么？
android、listview、react-native
onEndReachedThreshold数
用于调用onEndReached的以像素(虚拟而非物理)为单位的阈值。所以我只想知道它意味着什么，它是来自顶部的阈值，还是来自底部的阈值。
如果我设置了一个值为onEndReachedThreshold ={ 10 }，我的onEndReached是否在滚动到10像素时就被调用了，或者其他什么东西。
从底部开始？-如果我设置了onEndReachedThreshold ={listview高度- 10 }的值，我的onEndReached会在滚动到10像素或其他东西时立即调用吗？
浏览 19提问于2016-09-07得票数 37
回答已采纳
4回答
基于JavaScript的移动Safari应用程序顶部双击检测
javascript、html、ios、safari
iOS有一个惯例，即双击顶部栏(即显示当前时间的位置)将应用程序滚动到顶部状态。例如，双击Safari中的顶部栏会将您带到当前网页的顶部，而双击Facebook/Twitter中的顶部则会将您带到提要的顶部。这是一个非常有用的导航捷径。
为了这个问题，我们称它为TopTap。
我想知道如何在移动Safari中的JavaScript应用程序中检测到JavaScript --也就是说，不是在iOS应用程序中，而是在移动Safari中碰巧看到的网页中。
在我的特殊情况下，我不能依赖内置的移动Safari TopTap行为，因为我的文档包含一个<canvas>元素，它实现了自己的可滚动接口
浏览 10提问于2014-03-05得票数 11
回答已采纳
1回答
引导贴-底部不工作
twitter-bootstrap、affix
我正在使用引导程序3(当前版本)。
我试着用词缀插件创建一个导航。我希望只要我在一个特定的导航链接之上，那么链接的类就是“词缀-顶部”，当我向下滚动到这个特定的链接下面时，类应该会更改为“词缀-底部”。
但是："affix-bottom"-Class没有出现。
以下是事实：
->我有一个很长的侧边栏导航。
->每个侧边栏-超链接到一个页面上的不同部分.
-> i向所有-Elements添加了数据-间谍=“词缀”数据偏移-顶部=“60”数据偏移-底部=“200”。
现在，当我向下滚动并检查所有导航--与Chrome或firefox的链接时，我可以看到当我向下滚动
浏览 4提问于2014-06-02得票数 4
2回答
如何在javascript中正确滚动IFrame到底部
javascript、html、iframe
对于一个用于研究网站上交互的模拟网页，我使用JavaScript创建了一个模拟消息流。此消息流被加载到一个IFrame中，并且应该以预先设置的间隔显示图像，并在页面底部放置一个新图像后滚动到页面底部。使用所提供的脚本可以很好地显示图像。然而，Chrome和IE似乎都很难将页面滚动到底部。我想滚动到页面底部，只要图片是附在一起，但现在增加了一个5毫秒的延迟，因为这似乎是工作的时候。我的问题是：
为此使用document.body.scrollHeight可以吗？
我可以让滚动直接发生，还是在滚动之前需要一个很小的间隔？
如何使代码在添加图像后直接滚动到IFrame的底部？
使
浏览 6提问于2014-04-22得票数 5
回答已采纳
2回答
滚动具有对接效果的两个div
javascript、jquery、html、css
我有两个骨瘦如柴的女主角在旁边。这两个人都太高了，不能装在窗户里，但其中一个比第二个高得多。
在开始的时候，他们已经联合了顶部的边缘。当我开始向下滚动时，没有什么值得注意的事情发生，直到较短的div底部接触到它们的振动区域的底部。
在这一刻，这个较短的div必须冻结，当我继续滚动下去时，它应该总是停靠在观看区域的底部。
此时，如果我开始滚动较短的div sgould，则会打开并继续滚动，直到其上边缘接触到查看端口的上边框。
总结:最长的div应该是自然滚动的，但是较短的div不应该从视图中消失，这是通过将其停靠到窗口的下边缘或上边缘来实现的。
下面是我想出的一个半工作解决方案：
<
浏览 4提问于2014-12-24得票数 1
回答已采纳
2回答
只有在有滚动条且正在向下滚动的情况下应用css
jquery、css
这是一个有趣的问题，我很想知道这是否可能。我有一个可拼贴的div，内容不断地变化，有时滚动条是必要的，有时不是。
在这些情况下，当开始向下滚动时，是必要的，我想在其中添加一个顶部边框，以表示与其周围内容的分离。
对此是否有css或jQuery解决方案？
我的html只是
<div class="scrollableDiv">
<p>Content</p>
</div>
而css现在使它可以滚动。
.scrollableDiv{
height:42em;
overflow-x:hidden;
min-height:4
浏览 6提问于2013-11-08得票数 1
3回答
单页网站上的滚动位置错误
javascript、jquery、wordpress、scrolltop、scrollto
我有一个问题，当作为外部链接引用时，滚动位置不会转到页面的相应部分。
例如，当试图访问这个原始的URL时，的想法是让页面加载到该部分。但是，会发生什么，它是滚动到之间的伴郎和礼物部分。
同样的链接，当从网站侧导航中使用时，效果很好。例如，转到，然后单击RSVP菜单项，您将看到它确实转到了相应的部分。
我已经检查了页面上是否有任何JS或其他错误，但似乎没有。
有人能帮上忙吗？
提前谢谢。
狮子座
=============================================================================
代码示例
函数(文档).ready(jQuer
浏览 2提问于2014-08-01得票数 1
1回答
无限滚动插件检测高度错误
jquery、jquery-plugins、cross-browser、infinite-scroll
我有保罗爱尔兰的无限滚动插件在我的网站上，它可以完美地运行在一个页面，但不是在另一个页面。在非工作页面上，它似乎检测到页面比实际高度高得多。在工作页面上，我得到了像["math:", 260, 110]这样的调试消息，在非工作页面上，我得到了像["math:", 807, 3154]这样的消息。有时它会跳到4264，或者会降到997，但它总是比工作页面上一致的110高得多。
我假设第一个坐标是窗口底部到文档底部的距离，第二个坐标是容器底部到文档底部的距离。如果我的假设是正确的，那么由于某种原因，脚本错误地检测到了容器的底部。我还没能找到任何不匹配的html标签，
浏览 0提问于2012-07-25得票数 0
回答已采纳
2回答
使用AutoScroll ()执行ScrollViewer.ScrollToEnd()只在调试时工作，事件处理程序太简单
c#、wpf、debugging、scrollview
在上寻找一个更好的自动文件夹，我认为自己很聪明，能够找到更简单的解决方案，但它只在调试会话中起作用：
private void scrollviewer_Messages_ScrollChanged(object sender, ScrollChangedEventArgs e)
{
ScrollViewer sv = sender as ScrollViewer;
if (sv.VerticalOffset == sv.ScrollableHeight)
{
sv.ScrollToEnd();//debu
浏览 8提问于2014-09-10得票数 7
回答已采纳
1回答
我应该在什么时候触发一个事件，让我的列表视图滚动到底部
xamarin、xamarin.forms
因此，在我的Xamarin.Forms项目中，我有一个列表视图，它的作用就像消息传递应用程序中的消息列表一样。
在我的视图模型的构造函数中，我启动了一个异步方法，以根据情况从服务器或缓存加载消息。这样做的问题是列表视图被滚动到列表的顶部，而不是它应该滚动到的底部。我不能直接从视图模型中滚动，因为那样会将它耦合到视图。
所以，我想，为什么不创建一个事件，并在消息更新完成时触发它。当消息在第一次之后更新时，此事件工作得很好，但对于第一次加载，它就不起作用了。从断点的自由使用中，我看到它确实会触发，但似乎是在ListView完成呈现之前，因此实际上不会向下滚动。
有没有什么“完成渲染”事件可以挂接到
浏览 0提问于2017-02-08得票数 2
回答已采纳
2回答
在页面上加载图像后调整滚动条的问题
javascript、html、image、browser、scrollbar
问题描述：，我得到了一个包含文本和缩略图的表的页面。通常，该表包含的条目比屏幕上的条目多，导致右侧的滚动条。到目前为止没问题。当加载页面或选择表的下一页(分页)时，表将呈现-，滚动条位于页面底部，我希望它在完整加载之后。然后显示缩略图。由于它们的大小比表中的文本稍大一些，表的高度变大，导致滚动条设置在页面中间的某个位置。
加载图像后的页面和表，如您所见，滚动条位于页面的中间(垂直)：
我不想摆弄缩略图大小。客户习惯于实际的设计和图像/图标大小。
指定分页函数，表是在页面上被替换的唯一元素。桌子上的“满载”并不是不幸的。
，在加载图像之后，我能做什么使滚动条出现(导致滚动条的正确位置)？是
浏览 7提问于2011-08-16得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
