Javascript 当用户单击按钮时,如何使我的页面向下滚动?
我的主页上有一个按钮。当用户点击此按钮时,我希望页面向下滚动到按钮所指的相应部分(在我的情况下,是我主页的商店部分)。当用户单击按钮时,如何插入向下滚动页面的代码Javascript 当用户单击按钮时,如何使我的页面向下滚动?,javascript,html,css,Javascript,Html,Css,我的主页上有一个按钮。当用户点击此按钮时,我希望页面向下滚动到按钮所指的相应部分(在我的情况下,是我主页的商店部分)。当用户单击按钮时,如何插入向下滚动页面的代码 我的网站是hintdrop.com您正在寻找片段标识符 将id属性添加到要滚动到的部分 示例: 然后,使用锚定 简单的例子: #商店{ 边际上限:300vh; 背景色:番茄; 高度:100vh; 位置:相对位置; } #商店:之后{ 内容:“店铺内容”; 位置:绝对位置; 颜色:白色; 字号:3em; 排名:0; 左:0; 宽度:1
我的网站是hintdrop.com您正在寻找片段标识符 将
id
属性添加到要滚动到的部分
示例:代码>
然后,使用锚定
简单的例子:
#商店{
边际上限:300vh;
背景色:番茄;
高度:100vh;
位置:相对位置;
}
#商店:之后{
内容:“店铺内容”;
位置:绝对位置;
颜色:白色;
字号:3em;
排名:0;
左:0;
宽度:100%;
身高:100%;
显示器:flex;
证明内容:中心;
对齐项目:居中;
}
您也可以尝试使用ahref并为其提供一个id,这样当它被单击时,它将移动到特定的部分。最简单的答案:在您的div或其他标记中创建一个id,然后在您的锚定或href标记中,将您的id的名称链接到那里
例如:
<!--remember that ID links inside your html tag, should always have a hashtag (#)-->
<a href="#thisismydiv">JUMP TO MY DIVISION</a>
<!--your codes--->
<div id="thisismydiv">I am div!</div>
我是迪夫!