Question

是否有人知道将“滚动到顶部”/“跳到顶部”功能绑定到按钮的命令？

我发现了一些更奇特的东西，但希望有一个更简单的版本： https://chrome.google.com/extensions/detail/chiikmhgllekggjhdfjhajkfdkcngplp

非常感谢。

Answer 1

好吧，您可以执行以下操作，滚动到X = 0，Y = 0，那就是https://developer.mozilla.org/en/window.scroll

window.scroll(0, 0);

如果您想将其与谷歌Chrome扩展程序联系起来，您只需创建一个JavaScript文件并将其注入您的页面：

<强> background.html

chrome.browserAction.onClicked.addListener(function(tab) {
  chrome.tabs.executeScript(tab.id, {code: 'window.scroll(0, 0);'});
});

<强>的manifest.json

确保您拥有标签权限和浏览器操作：

  ...
  ...
 "browser_action": {
   "default_icon": "some_icon.png",
 },
 "permissions": [
   "tabs",
   "http://*/*"
 ],
  ...
  ...

我没有对此进行测试，但它会让您了解如何通过浏览器操作按钮通过扩展程序将命令从Chrome发送到网站。单击该按钮后，它将执行一个脚本将该页面滚动到top.absolute top。

Answer 2

主页
（简单，没有过度思考。）

Answer 3

要在正文的开头创建一个id“top”的元素，并将“go to top”按钮的href指定为“#top”，或者向其添加一个事件监听器。

如果您希望它持久显示在页面上，请使用CSS规则position: fixed和其他适当的属性。

Answer 4

Chrome扩展程序是html / js，对吗？因此，只需将scrollTop的{{1}}属性设置为<body>即可。也许这是一种更优雅的方式，但这项工作：