Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/459.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 如何使HTML页面在单击按钮时一直向上滚动？_Javascript_Html_Css - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何使HTML页面在单击按钮时一直向上滚动？

Javascript 如何使HTML页面在单击按钮时一直向上滚动？

javascript html css

Javascript 如何使HTML页面在单击按钮时一直向上滚动？,javascript,html,css,Javascript,Html,Css,因此，我的HTML页面中有以下内容： 我故意这样做，使“溢出”发生，结果在右边的滚动条 所以我做了一个按钮叫“点击向上滚动”。所以我想要的是，每次我们点击这个按钮，文档都会立即向上滚动。这意味着如果我一直向下导航，然后单击按钮，它会一直向上移动 我抬头一看，发现有一个方法“scrollTop”，但它似乎不起作用。如果您能在这方面提供帮助，我将不胜感激 document.getElementById（“scrollup”）.addEventListener（“单击”，scrollUpmost）

因此，我的HTML页面中有以下内容：

我故意这样做，使“溢出”发生，结果在右边的滚动条

所以我做了一个按钮叫“点击向上滚动”。所以我想要的是，每次我们点击这个按钮，文档都会立即向上滚动。这意味着如果我一直向下导航，然后单击按钮，它会一直向上移动

我抬头一看，发现有一个方法“scrollTop”，但它似乎不起作用。如果您能在这方面提供帮助，我将不胜感激

document.getElementById（“scrollup”）.addEventListener（“单击”，scrollUpmost）；
函数scrollUpmost（）{
$（文档）；
}
*{
保证金：0；
填充：0；
框大小：边框框；
}
html，正文{
身高：100%；
}
.集装箱{
边框：1px实心橙色；
}
.大分区{
边框：1px纯黑；
高度：1200px；
}
#滚动{
边缘顶部：900px；
}

文件
单击以向上滚动

$（“#滚动”）。单击（函数（）{
$（“html，body”）.animate（{scrollTop:0}，“slow”）；
返回false；
});

*{
保证金：0；
填充：0；
框大小：边框框；
}
html，正文{
身高：100%；
}
.集装箱{
边框：1px实心橙色；
}
.大分区{
边框：1px纯黑；
高度：1200px；
}
#滚动{
边缘顶部：900px；
}




文件
单击以向上滚动

只需在scroll函数
window.scrollTo（{top:0，behavior:'smooth'）中添加这一行即可