scrollTop方法。元素的scrollTop是元素顶部到其最顶部可见内容的距离的度量。
从 'react' 导入 React, { useMemo, useCallback, useState, useEffect }; 从 '@mui/material' 导入 { Box, Typography, Button }; 从'@toast-ui/react-grid'导入TuiGrid; 导入 'tui-grid/dist/...
如何检查元素跨窗口屏幕: 十字顶部 - 从向上滚动 交叉顶部 - 从向下滚动 交叉底部 - 从向上滚动 交叉底部 - 从向下滚动 有什么解决办法吗?
这是客户端组件代码 “使用客户端” 从“组件/mdx-组件”导入{Mdx} 从“@components/ui/button”导入{Button} 从“@lib/i...
我需要滚动到页面顶部。这是我的代码,不起作用,我不明白为什么。 是否有任何已弃用且无法在 Chrome 中使用的功能? 我使用 Chrome 版本 109。 ...
在反应打字稿中,如何在页面加载时将页面的一部分滚动到页面的第一部分? 我想在页面加载时将页面的一部分滚动到第一部分 只有想要的
我有一个脚本,当滚动超过某个点(1500)时,它会锁定用户屏幕。 $(文档).scroll(函数 () { 如果($(做...</desc> <question vote="0"> <p>我有一个脚本,当滚动超过某个点(1500)时,它会锁定用户屏幕。</p> <pre><code><script type="text/javascript"> $(document).scroll(function () { if ($(document).scrollTop() >= 1500) { $.scrollLock(true);} }); </script> </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() >= 1500) { $('container').lockScroll({ 'triggerElement' : $('element_to_trigger_scrolling'), }); } }); </code></pre> </answer> </body></html>
我正在构建一个页面,该页面的标题在向下滚动时隐藏在视图之外(负 TOP 值),在向上滚动时返回视图。那里没有问题,工作正常。我也有一个
ScrollToFixed 插件创建神秘 div 破坏页面布局?
我刚刚使用了 bigspotteddog 的 ScrollToFixed 插件 (https://github.com/bigspotteddog/ScrollToFixed) 在我的网站上 (http://faiththeagency.com/easyphone/frequently-asked-questions.php...
我的页面中有一个 iframe,当我加载页面时,页面滚动到 iframe 的开头,距页面顶部约 200px。如果我将 iframe 更改为 div 然后页面加载...
目前,我正在学习如何用 javascript 和 jquery 编写。我使用一个代码,当您单击导航菜单时,它会向下滚动到另一个 div 内的特定 div。不过,我正在尝试...
将 jQuery scrollTop 转换为 Javascript 以反转滚动方向
我正在尝试将一些 jQuery 代码转换为 Vanilla JS。目的是反转容器的滚动方向。 jQuery 版本运行良好。然而我正在努力将其转换为 JS。 $(风...
可滚动 Div 中的 ASP.NET GridView:滚动到 SelectedIndex
我有一个包含在可滚动 div 中的 GridView。我还有一个按钮,它根据页面上文本框的文本选择此 GirdView 中的一行。该行选择得很好,但我不能...
我设置了以下功能,根据其与页面顶部/底部的接近程度淡出/淡入某些内容。如果您点击 ABOU...
您能否解释/分解以下有关“scrollTop”在 Selenium-Python 中如何工作的语法: inner_window = driver.find_element(By.XPATH, "XPATH") driver.execute_script('参数[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"); } });
如何用Jest测试Angular 8中的scrollTop事件?
我已经找了两天来测试scrollTop事件的解决方案,但我在任何地方都没有找到解决方案。我所有的尝试都返回了相同的错误...... TypeError.无法读取属性'...'。无法读取属性'...
如何让matchMedia与scrollTop函数一起工作?
我需要在下面的代码中添加一个matchMedia查询,使其只在视口宽度为1366px时激活,我尝试了几个不同的选项,但都没有用。
无需javascript即可设置scrollTop和scrollLeft
我有一个关于scrollTop和scrollLeft属性的问题。我想在不使用JavaScript(jquery)的情况下在div中设置这些属性。这可能吗?我的问题是,我有一个程序 ...
在我的体内,我有:html,正文{宽度:100vw;高度:100%; }使用Jquery,我想放一个按钮以使$(window).scroll(function(){var desplazamiento = $(this).scrollTop(); ...