Javascript 向下滚动到内容而不更改页面URL

长段落

停在这里 当我点击id“up”时，它应该向下滚动并停在id“down”中

现在，当我单击id“向上”时，URL正在更改。例如（../loginAction#scrollDown）

如何在不更改页面URL的情况下向下滚动到id“down”。

---

href'scrollDown'不会应用于页面URL。

您可以通过获取元素的偏移量，然后滚动到它来实现这一点

<a href="#scrollDown" id="up">Scroll Down</a>
<p>Long Paragraph.</p>
<a name="scrollDown" id="down">Stop Here</a>

---

您可以通过获取元素的偏移量，然后滚动到它来实现这一点

<a href="#scrollDown" id="up">Scroll Down</a>
<p>Long Paragraph.</p>
<a name="scrollDown" id="down">Stop Here</a>

---

如果使用href标记，url将发生更改。

---

您可以对上下链接使用id标记，也可以使用jQuery$（“#up”）。如果使用href标记，请单击，url将发生更改。 您可以对上下链接使用id标记，也可以使用jQuery$（“#up”）。单击

$（函数（）{
$（'#向上'）。单击（函数（）{
$（'html，body'）。设置动画({
滚动顶部：$（“#向下”）.offset（）.top
}, 2000);
});
})

长段落



长段落



长段落



长段落



长段落



长段落



长段落



长段落



长段落



长段落



长段落。


长段落



长段落。


长段落

v


长段落。


长段落。


长段落。


长段落。


长段落。


长段落。


长段落。


长段落

停在这里

$（函数（）{
$（'#向上'）。单击（函数（）{
$（'html，body'）。设置动画({
滚动顶部：$（“#向下”）.offset（）.top
}, 2000);
});
})

长段落



长段落



长段落



长段落



长段落



长段落



长段落



长段落



长段落



长段落



长段落。


长段落



长段落。


长段落

v


长段落。


长段落。


长段落。


长段落。


长段落。


长段落。


长段落。


长段落

停在这里

url正在更改，因为这是链接的href属性的值。默认情况下，浏览器查找并滚动到带有url哈希id的div，因此asdf.com/#someid将始终显示顶部带有#someid div的页面。要避免url更改并具有相同的功能，可以使用触发器的自定义属性

var elementPosition = document.getElementById('#myElement').offsetTop;
window.scrollTo(0, elementPosition);

向下滚动
长段落

停在这里

然后修改滚动脚本以侦听单击

p[custom target=“scrollDown”]

---

我正在将触发元素更改为

p

，因为它不再需要链接。

url正在更改，因为这是链接的href属性的值。默认情况下，浏览器查找并滚动到带有url哈希id的div，因此asdf.com/#someid将始终显示顶部带有#someid div的页面。要避免url更改并具有相同的功能，可以使用触发器的自定义属性

var elementPosition = document.getElementById('#myElement').offsetTop;
window.scrollTo(0, elementPosition);

向下滚动
长段落

停在这里

然后修改滚动脚本以侦听单击

p[custom target=“scrollDown”]

---

我正在将触发元素更改为

p

，因为它不再需要链接。

可能重复您尝试过的内容？可能重复使用可能重复您尝试过的内容？可能重复使用我需要JS而不是jQuery。我需要JS而不是jQuery。