Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.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 - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • 如何使用Javascript滑回到浏览器窗口的顶部

如何使用Javascript滑回到浏览器窗口的顶部

javascript

如何使用Javascript滑回到浏览器窗口的顶部,javascript,Javascript,当我点击一个按钮时，我希望滑动回到窗口顶部。我知道你可以使用window.scrollTo0,0，但这只是直接跳到顶部。我想要那个简单的滑翔功能。 非常感谢您的帮助。您可以使用 document.querySelectorscrolltop.addEventListener'click'，函数E{ scrollIntoView{behavior:'smooth'}； }; 卷轴{ 位置：固定； 右：10px； 底部：20px； 背景：2000人； 颜色：fff； } Lorem ipsum d

当我点击一个按钮时，我希望滑动回到窗口顶部。我知道你可以使用window.scrollTo0,0，但这只是直接跳到顶部。我想要那个简单的滑翔功能。 非常感谢您的帮助。

您可以使用

document.querySelectorscrolltop.addEventListener'click'，函数E{ scrollIntoView{behavior:'smooth'}； }; 卷轴{ 位置：固定； 右：10px； 底部：20px； 背景：2000人； 颜色：fff； } Lorem ipsum dolor sit amet，奉献精英。多洛雷斯·劳尔·迪克塔（Dolores labore dicta），repudiandae rem，et inventore voluptate optio。多洛勒姆·莫勒斯蒂亚斯·维罗·奥特姆·智者，托塔建筑大师，沃卢帕斯·沃卢帕斯

Lorem ipsum dolor sit amet，奉献精英。多洛雷斯·劳尔·迪克塔（Dolores labore dicta），repudiandae rem，et inventore voluptate optio。多洛勒姆·莫勒斯蒂亚斯·维罗·奥特姆·智者，托塔建筑大师，沃卢帕斯·沃卢帕斯

Lorem ipsum dolor sit amet，奉献精英。多洛雷斯·劳尔·迪克塔（Dolores labore dicta），repudiandae rem，et inventore voluptate optio。多洛勒姆·莫勒斯蒂亚斯·维罗·奥特姆·智者，托塔建筑大师，沃卢帕斯·沃卢帕斯

Lorem ipsum dolor sit amet，奉献精英。多洛雷斯·劳尔·迪克塔（Dolores labore dicta），repudiandae rem，et inventore voluptate optio。多洛勒姆·莫勒斯蒂亚斯·维罗·奥特姆·智者，托塔建筑大师，沃卢帕斯·沃卢帕斯

Lorem ipsum dolor sit amet，奉献精英。多洛雷斯·劳尔·迪克塔（Dolores labore dicta），repudiandae rem，et inventore voluptate optio。多洛勒姆·莫勒斯蒂亚斯·维罗·奥特姆·智者，托塔建筑大师，沃卢帕斯·沃卢帕斯

Lorem ipsum dolor sit amet，奉献精英。多洛雷斯·劳尔·迪克塔（Dolores labore dicta），repudiandae rem，et inventore voluptate optio。多洛勒姆·莫勒斯蒂亚斯·维罗·奥特姆·智者，托塔建筑大师，沃卢帕斯·沃卢帕斯

Lorem ipsum dolor sit amet，奉献精英。多洛雷斯·劳尔·迪克塔（Dolores labore dicta），repudiandae rem，et inventore voluptate optio。多洛勒姆·莫勒斯蒂亚斯·维罗·奥特姆·智者，托塔建筑大师，沃卢帕斯·沃卢帕斯

Lorem ipsum dolor sit amet，奉献精英。多洛雷斯·劳尔·迪克塔（Dolores labore dicta），repudiandae rem，et inventore voluptate optio。多洛勒姆·莫勒斯蒂亚斯·维罗·奥特姆·智者，托塔建筑大师，沃卢帕斯·沃卢帕斯

Lorem ipsum dolor sit amet，奉献精英。多洛雷斯·劳尔·迪克塔（Dolores labore dicta），repudiandae rem，et inventore voluptate optio。多洛勒姆·莫勒斯蒂亚斯·维罗·奥特姆·智者，托塔建筑大师，沃卢帕斯·沃卢帕斯

Lorem ipsum dolor sit amet，奉献精英。多洛雷斯·劳尔·迪克塔（Dolores labore dicta），repudiandae rem，et inventore voluptate optio。多洛勒姆·莫勒斯蒂亚斯·维罗·奥特姆·智者，托塔建筑大师，沃卢帕斯·沃卢帕斯

Lorem ipsum dolor sit amet，奉献精英。多洛雷斯·劳尔·迪克塔（Dolores labore dicta），repudiandae rem，et inventore voluptate optio。多洛勒姆·莫勒斯蒂亚斯·维罗·奥特姆·智者，托塔建筑大师，沃卢帕斯·沃卢帕斯

Lorem ipsum dolor sit amet，奉献精英。多洛雷斯·劳尔·迪克塔（Dolores labore dicta），repudiandae rem，et inventore voluptate optio。多洛勒姆·莫勒斯蒂亚斯·维罗·奥特姆·智者，托塔建筑大师，沃卢帕斯·沃卢帕斯

Lorem ipsum dolor sit amet，奉献精英。多洛雷斯·劳尔·迪克塔（Dolores labore dicta），repudiandae rem，et inventore voluptate optio。多洛勒姆·莫勒斯蒂亚斯·维罗·奥特姆·智者，托塔建筑大师，沃卢帕斯·沃卢帕斯

Lorem ipsum dolor sit amet，奉献精英。多洛雷斯·劳尔·迪克塔（Dolores labore dicta），repudiandae rem，et inventore voluptate optio。多洛勒姆·莫勒斯蒂亚斯·维罗·奥特姆·智者，托塔建筑大师，沃卢帕斯·沃卢帕斯

Lorem ipsum dolor sit amet，奉献精英。多洛雷斯·劳尔·迪克塔（Dolores labore dicta），repudiandae rem，et inventore voluptate optio。多洛勒姆·莫勒斯蒂亚斯·维罗·奥特姆·智者，托塔建筑大师，沃卢帕斯·沃卢帕斯

上这个怎么样

 window.scrollTo({ top: 200, behavior: 'smooth' });
您可以使用行为：平滑来实现它：

window.scroll({
    top: 0,
    left: 0,
    behavior: "smooth"
})