问题标签 [js-scrollby]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
8274 浏览

javascript - 不同的滚动选项有什么区别?

我尝试了几种向表格添加滚动的方法,但其中只有一种可以正常工作。他们之间有什么不同?

第一的:

第二:

第三:

第四:

0 投票
0 回答
55 浏览

javascript - iframe 上的“ScrollBy”可生成无限循环的嵌入式网页

在编码方面,我是一个真正的业余爱好者。我正在尝试将网页嵌入仪表板,仅使用记事本编写 HTML,获得了一些但有限的编码经验。我嵌入的网页在页面下方有固定的项目,到目前为止,我已经设法让页面跳到页面下方,停在每一篇文章处。请注意,我嵌入的网站是外部的 - 我不拥有它。我有这个 HTML 代码,其中包含一些 javascript 来使 iframe 自动成为嵌入页面的正确大小。

以前,我有这个代码:

它完美地向下滚动,停在页面下方的每个项目处。但是整个窗口都在滚动,这意味着我在页面上的其他文本会滚动到视野之外。因此,我将页面嵌入为 iFrame,并且只想滚动 iframe。这可能吗?还是我需要尝试其他方式。理想情况下,最后我希望它向下滚动到 iframe 的底部,然后无限期地循环回到顶部。注意:我嵌入的页面需要登录,所以如果测试最好使用其他页面。

0 投票
0 回答
417 浏览

javascript - IOS浏览器中window.scrollBy的问题

我编写了一个 javascript 平滑滚动函数来提供单页导航。代码基本上就像底部的代码。

该函数以要滚动的像素数调用,然后将其分为 30 步,然后循环滚动,直到达到该数字。因此,我尝试了使用 setTimeout 和 requestAnimationFrame 的两种循环变体。

它在所有桌面浏览器以及我的 android 手机上几乎都能完美运行,但是 IOS 设备上的 Safari 和 Chrome 无法达到预期的效果。在每次迭代中使用 alert 进行测试表明,所有值都计算正确,但是实际滚动量不匹配,导致滚动停止在错误的位置。

我无法提供演示,因为它是开发中的商业应用程序,我也尝试了一个简化的 jsfiddle,但这实际上并没有显示错误,所以它必须是与导致问题的其他东西的组合(可能是 css 固定位置,最小高度 100vh,滚动事件处理程序...?)。

我绝对认为这种奇怪的行为之前应该被其他人注意到。有人可以给我一个提示吗?

0 投票
1 回答
344 浏览

javascript - 在 Java Script 中缓慢向下滚动 X 个像素

我正在尝试用 HTML 为学校制作一些东西,当按下向下箭头时,它会向下滚动到下一部分。

目前,该网站向下滚动输出的像素数((window.innerHeight+(window.innerHeight*0.1))+1)

这是我的 Java 脚本代码:

该代码使向下滚动太快了。有没有办法在纯 Java Script 中慢慢向下滚动相同数量的像素

感谢您的任何想法。

0 投票
1 回答
82 浏览

javascript - 仅在一个元素上工作来滚动窗口

我想知道是否有人可以帮助我更改此代码以使其重置或使用多个元素?

在下面的网站上,我将此脚本设置为向右滚动 100vw 使用 window.scrollBy(window.innerWidth /1, 0); 当紫色框悬停在上方时。

但是我希望它可以与多个实例一起使用,并且似乎无法使其正常工作。有人可以帮助我吗?

这是我的脚本;

她是网址:https ://ba-site-build.webflow.io/builds/dev-1-hover-slider 。

如果有人能提供这么多帮助,我将不胜感激!

谢谢 :)

0 投票
2 回答
229 浏览

javascript - 通过 execute_script 调用的 scrollBy() 在使用 Selenium 和 Python 的 chrome 商店页面上不起作用

我将 selenium 与 python 3 和 Chrome 驱动程序一起使用。我正在尝试在 chrome 商店 URL 中执行滚动。

这个:https ://chrome.google.com/webstore/detail/online-game-zone-new-tab/abalcghoakdcaalbfadaacmapphamklh

无论我尝试了什么 - 该网站都不会滚动。尝试运行“window.scrollBy”和“window.scrollTo”。尝试先点击“body”,然后点击其他元素 - 没有。

当前代码:

可能是什么问题呢?我不想发送“向下”键或“向下翻页”,因为我相信我需要更精确。

0 投票
2 回答
499 浏览

java - JavascriptExecutor 类型中的方法 executeScript(String, Object[]) 不适用于 Selenium 的参数 (String, WebElement) 错误

下面是代码:

以下是错误:

0 投票
1 回答
33 浏览

selenium-webdriver - 如何使用 selenium python 滚动到页面底部?(使用 find_element_by_xpath())

我正在尝试使用 scrollBy 函数滚动页面,但它不适用,因为我正在使用 XPath 查找元素(find_element_by_xpath("//div[@class='sc-bGbZqa carTxV']")在 chrome 中检查而不添加Id。但是,当我在 Chrome 中给出 id(TEST) Inspect并尝试使用 id 的 scrollBy 函数时,在 chrome 中进行检查时,它工作正常。我正在使用 selenium python。非常感谢您对此的帮助。

谢谢。

0 投票
2 回答
127 浏览

javascript - 如何在不滚动的情况下按下按钮上下移动

滚动后该按钮将起作用,但如果您在滚动开始之前按下该按钮,它将不起作用。有没有办法解决它?我正在尝试制作一个只能在手机上看到的屏幕。如果它不起作用,我们可以像https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_win_scrollby3那样做吗?当您将溢出应用到屏幕时,window.scrollby(x, y) 不起作用。

0 投票
0 回答
28 浏览

javascript - selenium webdriver的Javascript执行器方法

我正在尝试创建一个可以在 @Test 中调用的方法,但是它似乎不起作用。我传递了驱动程序并使用 String x 和 y 传递不起作用的参数。请在这里帮助我修复它,或者是否有任何其他方法可以创建此方法。谢谢