Javascript中的ScrollTo()将全部向下滚动

Javascript中的ScrollTo()将全部向下滚动,javascript,html,Javascript,Html,在我的HTML文档中,我有一个输入字段。您可以输入一个数字,窗口应向下滚动到此像素数字 我使用了scrollTo()函数。问题是,它总是滚动到页面的底部 如果我键入window.scrollTo(0500+400)它工作正常,但是使用window.scrollTo(0,document.getElementById(“field”).value+400)它总是向下滚动 你可以从这把小提琴中看出问题所在: 谢谢你的帮助!:) 您使用了错误的字段ID,而不是字段,您必须使用深度。检查下面的正确代码:

在我的HTML文档中,我有一个输入字段。您可以输入一个数字,窗口应向下滚动到此像素数字

我使用了
scrollTo()
函数。问题是,它总是滚动到页面的底部

如果我键入
window.scrollTo(0500+400)它工作正常,但是使用
window.scrollTo(0,document.getElementById(“field”).value+400)它总是向下滚动

你可以从这把小提琴中看出问题所在:


谢谢你的帮助!:)

您使用了错误的字段ID,而不是
字段
,您必须使用
深度
。检查下面的正确代码:

window.scrollTo(0, document.getElementById("depth").value + 400);
有两个问题:

首先,您使用了错误的字段ID。请改用“深度”

第二个问题是

document.getElementById("depth").value
返回一个字符串

假设您输入了数字5

它的作用是“5”+400=5400

要解决此问题,必须将该值转换为整数

window.scrollTo(0, parseInt(document.getElementById("depth").value) + 400);

应该可以解决你的问题。

我制作小提琴时犯了一个小错误。但它也不能与正确的ID一起工作:新链接更新了吗,我看不到更新的字段名。正如@timon提到的,您还需要执行parseInt()。我在javascript中更改了名称。它与丁满的解决方案一起工作,但非常感谢你的帮助。它工作了,非常感谢。我不知道我从中得到了线索。谢谢你的解释,你帮了我很大的忙!