Javascript 如何让我的网站在单击图像时滚动到顶部

我不希望有我的网站，这样当你点击一个图像时，它会自动将你卷回页面顶部。我试过一些在网上看到的版本，但它们对我不起作用。如果你们能试一试，我将不胜感激。如果你有任何问题，请告诉我。谢谢

var click=0；
功能检查点击（imgs）{
如果（单击==0）{
//在第一次单击时运行动画
document.getElementById（'column1'）.classList.add（'animate1'））
document.getElementById（'column2'）.classList.add（'animate2'））
document.getElementById（'column3'）.classList.add（'animate3'））
document.getElementById（'column4'）.classList.add（'animate4'））
document.getElementById（'column5'）.classList.add（'animate5'））
document.getElementById（'column6'）.classList.add（'animate6'））
document.getElementById（'column7'）.classList.add（'animate7'））
document.getElementById（'column8'）.classList.add（'animate8'））
document.getElementById（'column9'）.classList.add（'animate9'））
document.getElementById（'footer'）.classList.add（'animate10'））
document.getElementById（'clickimage'）.classList.add（'none'））
document.getElementById（'abtproj'）.classList.add（'animate11'）；
//保持图像1s
setTimeout（函数（）{
myFunction（imgs）；
}, 2050);
}否则{
myFunction（imgs）；
}
单击=1；
}
功能myFunction（imgs）{
var expandImg=document.getElementById（“expandedImg”）；
expandImg.src=imgs.src；
var imgParagraph=document.getElementById（'img-paragraph'）；
imgParagraph.innerHTML=imgs.getAttribute（“head”）；
expandImg.parentElement.style.display=“表格单元格”；
imgParagraph.style.display='表格单元格'；
}
让target=document.querySelector（'.column img'）；
target.addEventListener（'mouseenter'，（）=>document.querySelector（'.column p'）。style.opacity='0'）
*{
边际：0px；
填充：0px；
边界：0px；
}
托普纳夫先生{
背景色：rgb（84104217）；
溢出：隐藏；
字体系列：“futuralight”；
字号：900；
}
.topnav a{
浮动：左；
颜色：#F2F2；
文本对齐：居中；
填充：20px21px；
文字装饰：无；
字号：19px；
位置：相对位置；
左：2%；
}
.托普纳夫a:以前{
内容：“；
位置：绝对位置；
宽度：84%；
高度：2倍；
底部：6px；
左：8%；
背景色：白色；
可见性：隐藏；
变换：scaleX（0）；
过渡：所有0.3秒均为0秒；
}
.topnav a:悬停：在{
能见度：可见；
变换：scaleX（1）；
}
.topnav a.活动菜单：之前{
内容：“；
位置：绝对位置；
宽度：84%；
高度：2倍；
底部：6px；
左：8%；
背景色：白色；
能见度：可见；
变换：scaleX（1）；
过渡：所有0.3秒均为0秒；
}
bigproj先生{
文本对齐：居中；
字号：80px；
}
.项目{
填充顶部：42px；
字体系列：“playfair_displayregular”；
字号：900；
}
#点击图像{
顶部：220px；
字体大小：40px；
位置：绝对位置；
宽度：100%；
文本对齐：居中；
字号：900；
字体系列：“futuralight”；
}
.没有{
可见性：隐藏；
}
#abtproj{
顶部：300px；
字体大小：20px；
位置：绝对位置；
左：10%；
宽度：80%；
}
.动画11{
-webkit动画：动画1 2正常放松；
动画：动画12向前移动正常的放松；
}
@-webkit关键帧动画11{
100% {
顶部：240px；
字体大小：20px；
位置：绝对位置；
左：10%；
宽度：80%；
}
}
@关键帧动画11{
100% {
顶部：240px；
字体大小：20px；
位置：绝对位置；
左：10%；
宽度：80%；
}
}
.栏目{
浮动：左；
宽度：25%；
位置：相对位置；
背景色：#EEF0FC；
}
.第p列{
位置：绝对位置；
颜色：#fff；
显示器：flex；
对齐项目：居中；
证明内容：中心；
排名：0；
不透明度：0；
过渡：所有.6秒放松；
保证金：0；
左：0；
右：0；
底部：0；
字体大小：31px；
背景：rgba（0,0,0,0.5）；
指针事件：无；
}
.列：悬停p{
不透明度：1；
顶部：-7px；
过渡：所有.6s易于输入输出；
身高：100%；
}
.img列{
光标：指针；
背景色：黑色；
位置：相对位置；
排名：0；
垂直对齐：底部对齐；
过渡：所有.1放松；
}
.列：悬停img{
盒影：02.8px2.2pxRGBA（0,0,0,0,0.034）、06.7px5.3pxRGBA（0,0,0,0.048）、012.5px10pxRGBA（0,0,0,0,0.06）、022.3px17.9pxRGBA（0,0,0,0,0.072）、0441.8px33.4pxRGBA（0,0,0,0.086）、100px80pxRGBA（0,0,0,0.12）；
位置：相对位置；
顶部：-7px；
过渡：所有.6s易于输入输出；
}
#全身{
背景色：#EEF0FC；
高度：600px；
}
/*清除列后的浮动*/
.罗：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
/*扩展图像容器*/
#膨胀剂{
位置：绝对位置；
高度：400px；
左：300px；
边界半径：10px；
盒影：02.8px2.2pxRGBA（0,0,0,0,0.034）、06.7px5.3pxRGBA（0,0,0,0.048）、012.5px10pxRGBA（0,0,0,0,0.06）、022.3px17.9pxRGBA（0,0,0,0,0.072）、0441.8px33.4pxRGBA（0,0,0,0.086）、100px80pxRGBA（0,0,0,0.12）；
顶部：585px；
转换：翻译（-50%，-50%）；
最大高度：430px；
}
/*展开图像文本*/
/*图像段落*/
#img段落{
显示：无；
垂直对齐：顶部；
文本对齐：左对齐；
位置：绝对位置；
高度：400px；
宽度：50%；
背景色：白色；
盒影：02.8px2.2pxRGBA（0,0,0,0,0.034）、06.7px5.3pxRGBA（0,0,0,0.048）、012.5px10pxRGBA（0,0,0,0,0.06）、022.3px17.9pxRGBA（0,0,0,0,0.072）、0441.8px33.4pxRGBA（0,0,0,0.086）、100px80pxRGBA（0,0,0,0.12）；
边界半径：7px；
浮动：对；
右：30px；
顶部：385px；
}
#扩展包装器{
宽度：100%；
}
/*展开图像内的可关闭按钮*/
.行{
位置：绝对位置；
顶部：80px；
}
.总目1{
位置：相对位置；
左：12px；
顶部：16px；
颜色：rgb（84104217）；
字号：900；
字体大小：40px；
字体系列：“futuralight”；
文字装饰：无；
线黑格