scrolltop 相关问题

scrollTop方法。元素的scrollTop是元素顶部到其最顶部可见内容的距离的度量。

反应吐司网格滚动顶部会发生什么

从 'react' 导入 React, { useMemo, useCallback, useState, useEffect }; 从 '@mui/material' 导入 { Box, Typography, Button }; 从'@toast-ui/react-grid'导入TuiGrid; 导入 'tui-grid/dist/...

回答 1 投票 0

如何检查元素是否穿过窗口屏幕/视口的顶部/底部?

如何检查元素跨窗口屏幕: 十字顶部 - 从向上滚动 交叉顶部 - 从向下滚动 交叉底部 - 从向上滚动 交叉底部 - 从向下滚动 有什么解决办法吗?

回答 2 投票 0

窗口滚动到顶部在 nextjs 客户端组件中不起作用

这是客户端组件代码 “使用客户端” 从“组件/mdx-组件”导入{Mdx} 从“@components/ui/button”导入{Button} 从“@lib/i...

回答 1 投票 0

javascript 滚动回到顶部功能不起作用

我需要滚动到页面顶部。这是我的代码,不起作用,我不明白为什么。 是否有任何已弃用且无法在 Chrome 中使用的功能? 我使用 Chrome 版本 109。 ...

回答 1 投票 0

随着页面加载在 React 中向上滚动部分

在反应打字稿中,如何在页面加载时将页面的一部分滚动到页面的第一部分? 我想在页面加载时将页面的一部分滚动到第一部分 只有想要的

回答 1 投票 0

如果 ScrollTop 为精确值

我有一个脚本,当滚动超过某个点(1500)时,它会锁定用户屏幕。 $(文档).scroll(函数 () { 如果($(做...</desc> <question vote="0"> <p>我有一个脚本,当滚动超过某个点(1500)时,它会锁定用户屏幕。</p> <pre><code>&lt;script type=&#34;text/javascript&#34;&gt; $(document).scroll(function () { if ($(document).scrollTop() &gt;= 1500) { $.scrollLock(true);} }); &lt;/script&gt; </code></pre> <p>这有效。用户必须先解决问题才能继续。当他们点击粉色按钮时,他们会弹出一个窗口,表明他们回答的问题是正确还是错误。当他们回答正确时,锁定脚本应该被停用。</p> <p>所以我使用了 $.scrollLock(false);当答案正确时。这是行不通的。我可以看到它尝试滚动,但它再次被锁定。所以我认为问题是上面的代码说:当用户处于 1500 或更高(1501、1502 等)时,脚本开始工作。</p> <p>如何更改此代码,使其仅适用于 1500 而不适用于任何其他值?我尝试将 >= 更改为 == 但这不起作用。</p> <p>希望你能帮助我。</p> </question> <answer tick="false" vote="0"> <p>你应该看看这个:</p> <p><a href="http://www.anthonymclin.com/jquery-lockscroll-121#.U4cZ8Xbm63E" rel="nofollow">http://www.anthonymclin.com/jquery-lockscroll-121#.U4cZ8Xbm63E</a></p> <p>然后你可以这样重写你的代码:</p> <pre><code>$(document).scroll(function () { if ($(document).scrollTop() &gt;= 1500) { $(&#39;container&#39;).lockScroll({ &#39;triggerElement&#39; : $(&#39;element_to_trigger_scrolling&#39;), }); } }); </code></pre> </answer> </body></html>

回答 0 投票 0

单击锚链接呈现不正确的scrollTop值(所有浏览器)

我正在构建一个页面,该页面的标题在向下滚动时隐藏在视图之外(负 TOP 值),在向上滚动时返回视图。那里没有问题,工作正常。我也有一个

回答 1 投票 0

ScrollToFixed 插件创建神秘 div 破坏页面布局?

我刚刚使用了 bigspotteddog 的 ScrollToFixed 插件 (https://github.com/bigspotteddog/ScrollToFixed) 在我的网站上 (http://faiththeagency.com/easyphone/frequently-asked-questions.php...

回答 2 投票 0

如何防止页面加载时滚动到 iframe?

我的页面中有一个 iframe,当我加载页面时,页面滚动到 iframe 的开头,距页面顶部约 200px。如果我将 iframe 更改为 div 然后页面加载...

回答 2 投票 0

镜像滚动效果开启。在两个容器之间单击

目前,我正在学习如何用 javascript 和 jquery 编写。我使用一个代码,当您单击导航菜单时,它会向下滚动到另一个 div 内的特定 div。不过,我正在尝试...

回答 2 投票 0

将 jQuery scrollTop 转换为 Javascript 以反转滚动方向

我正在尝试将一些 jQuery 代码转换为 Vanilla JS。目的是反转容器的滚动方向。 jQuery 版本运行良好。然而我正在努力将其转换为 JS。 $(风...

回答 1 投票 0

可滚动 Div 中的 ASP.NET GridView:滚动到 SelectedIndex

我有一个包含在可滚动 div 中的 GridView。我还有一个按钮,它根据页面上文本框的文本选择此 GirdView 中的一行。该行选择得很好,但我不能...

回答 3 投票 0

内容根据滚动位置淡入淡出

我设置了以下功能,根据其与页面顶部/底部的接近程度淡出/淡入某些内容。如果您点击 ABOU...

回答 1 投票 0

在 Selenium Python 中滚动页面

您能否解释/分解以下有关“scrollTop”在 Selenium-Python 中如何工作的语法: inner_window = driver.find_element(By.XPATH, "XPATH") driver.execute_script('参数[0].

回答 1 投票 0

具有 flex-direction column-reverse 的 Flex 容器不会滚动到顶部

我在以下 div 中显示通知,以便显示容器顶部的最后一个元素: 我在以下 div 中显示通知,以便显示容器顶部的最后一个元素: <div class="flex h-full max-h-full pt-36"> <div id="scrollDiv" class="justify-bottom z-20 flex w-full flex-col-reverse items-center overflow-y-scroll scrollbar-thin"> <div class="notification"></div> <div class="notification"></div> <div class="notification"></div> <div class="notification"></div> </div> </div> 当容器溢出时,会自动滚动到底部。我尝试使用以下 Javascript 设置 scrollTop 但没有成功: function scrollNotifications() { var element = document.getElementById('scrollDiv') element.scrollTop = element.scrollHeight } 当y轴溢出时如何将容器滚动到顶部? 问题在于scrollTop的定位。由于反向属性,0 值将滚动到底部。简单的技巧是设置一个负值: function scrollNotifications() { var element = document.getElementById('scrollDiv') element.scrollTop = -element.scrollHeight } 如果您想检测滚动到顶部,这里有一个解决方案: var element = document.getElementById('scrollDiv'); var elementHeight = element.scrollHeight - 1; // Adding a scroll event listener to the element element.addEventListener('scroll', function() { var currentPosition = element.clientHeight - element.scrollTop; if(elementHeight === currentPosition){ console.log("reached top"); } });

回答 2 投票 0

如何用Jest测试Angular 8中的scrollTop事件?

我已经找了两天来测试scrollTop事件的解决方案,但我在任何地方都没有找到解决方案。我所有的尝试都返回了相同的错误...... TypeError.无法读取属性'...'。无法读取属性'...

回答 1 投票 0

如何让matchMedia与scrollTop函数一起工作?

我需要在下面的代码中添加一个matchMedia查询,使其只在视口宽度为1366px时激活,我尝试了几个不同的选项,但都没有用。

回答 1 投票 0

无需javascript即可设置scrollTop和scrollLeft

我有一个关于scrollTop和scrollLeft属性的问题。我想在不使用JavaScript(jquery)的情况下在div中设置这些属性。这可能吗?我的问题是,我有一个程序 ...

回答 1 投票 20

不显示上传按钮

在我的体内,我有:html,正文{宽度:100vw;高度:100%; }使用Jquery,我想放一个按钮以使$(window).scroll(function(){var desplazamiento = $(this).scrollTop(); ...

回答 1 投票 0


© www.soinside.com 2019 - 2024. All rights reserved.