Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当用户单击按钮时,如何使我的页面向下滚动?_Javascript_Html_Css - Fatal编程技术网

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>

我是迪夫!