scrolltop 相关问题

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

我有一个脚本，当滚动超过某个点（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>

jquery html scroll scrolltop

回答 0 投票 0

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

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

jquery css anchor scrolltop

回答 1 投票 0

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

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

jquery css-position scrolltop

回答 2 投票 0

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

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

iframe load scroll scrolltop

回答 2 投票 0

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

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

javascript jquery onclick target scrolltop

回答 2 投票 0

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

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

javascript scrolltop

回答 1 投票 0

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

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

asp.net html gridview scrolltop selectedindex

回答 3 投票 0

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

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

javascript jquery opacity scrolltop

回答 1 投票 0

在 Selenium Python 中滚动页面

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

python selenium-webdriver scroll scrolltop

回答 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"); } });

javascript flexbox scrolltop

回答 2 投票 0

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

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

angular unit-testing jestjs undefined scrolltop

回答 1 投票 0

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

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

javascript scrolltop matchmedia

回答 1 投票 0

无需javascript即可设置scrollTop和scrollLeft

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