Javascript 如何创建页面滚动链接

如何链接导航栏项目：主页和即将触发页面滚动到页面位置：。标题和画廊？以下是完整的代码，包括.header和.gallery>

$（“.home”）。单击（函数（）{
$（'html，body'）。设置动画({
scrollTop:$（“.header”）.offset（）.top}，
“慢”）；
});
$（“.product”）。单击（函数（）{
$（'html，body'）。设置动画({
scrollTop:$（“.gallery”）.offset（）.top}，
“慢”）；
});

看来您正在尝试的工作应该按照您期望的方式进行。试试这个片段，看看它是否演示了您要做的事情。我所做的只是添加一些元素，这些元素足够大，可以强制滚动条出现。为这些刺眼的颜色道歉

$（“.home”）。单击（函数（）{
$（'html，body'）。设置动画({
scrollTop:$（“.header”）.offset（）.top}，
“慢”）；
});
$（“.product”）。单击（函数（）{
$（'html，body'）。设置动画({
scrollTop:$（“.gallery”）.offset（）.top}，
“慢”）；
});
.header{
背景色：红色；
高度：120vh；
}
.画廊{
背景颜色：绿色；
高度：120vh；
}






您所要做的就是在
标题和
图库
名称所在的位置，为这些标签指定一个
id
属性。然后在你的
a
href主页和关于的链接中，只需给它这些属性的
id
。所以改变

 <li><a href="#" class="home">Home</a></li>
 <li><a href="#" class="product">About</a></li> 




到




并向标记添加属性，例如：

 <div id="homeLink" class="header">



及



Jsfiddle：

希望这有助于不要使用class属性来标识唯一的名称。

改用id，并在代码中用#符号引用元素

scrollTop: $("#header").offset().top},

你是从哪里想到可以使用类作为锚定链接的？这很有意义，也很有效，但是我如何指出页面顶部需要保持在固定标题之下？我必须设置高度才能达到这个目标，还是可以避免？你说顶部保持在固定收割台以下是什么意思？比如说让导航栏变粘？是的，我给导航栏添加了背景色，以显示它在跳转到页面顶部时是如何隐藏内容的：啊，我明白了。由于这是一个不同类型的问题，请提出一个新问题，以便关闭此问题。我很乐意在这方面帮助你，因为我现在正在研究它，但只要提出一个新的问题，这样你就可以让其他人也尝试帮助你。
 <div id="homeLink" class="header">

<ul id="productLink" class="gallery">

scrollTop: $("#header").offset().top},