Est-ce que quelqu'un connaît une commande pour lier la fonction "faire défiler vers le haut"/"sauter en haut" à un bouton?Aller en haut de la page avec l'extension chrome
J'ai trouvé quelque chose de plus de fantaisie, mais voudrait avoir une version plus simple: https://chrome.google.com/extensions/detail/chiikmhgllekggjhdfjhajkfdkcngplp
beaucoup apprécié.
Eh bien, vous pouvez juste faire ce qui suit, faites défiler jusqu'à X = 0 et Y = 0, et thats it https://developer.mozilla.org/en/window.scroll
window.scroll(0, 0);
Si vous voulez brancher que jusqu'à extensions Google Chrome, tout ce que vous devez faire est de créer un fichier JavaScript et injectez à votre page:
background.html
chrome.browserAction.onClicked.addListener(function(tab) {
chrome.tabs.executeScript(tab.id, {code: 'window.scroll(0, 0);'});
});
manifest.json
Assurez-vous que vous avez l'autorisation d'onglets et de l'action navigateur:
...
...
"browser_action": {
"default_icon": "some_icon.png",
},
"permissions": [
"tabs",
"http://*/*"
],
...
...
Je havn't que testé, mais il vous donnera une idée de comment envoyer un commande de Chrome vers le site Web via des extensions via le bouton d'action du navigateur. Une fois que vous cliquez sur ce bouton, il va exécuter un script pour faire défiler cette page vers le haut top.absolu.
Pour créer un élément avec id "top" en début de corps, et affectez le href du bouton "go to top" à "#top", ou ajoutez-y un écouteur d'événement.
Si vous souhaitez qu'il s'affiche sur la page de manière persistante, utilisez la règle CSS position: fixed et d'autres attributs appropriés.
Les extensions Chrome sont html/js, non? Il suffit donc de définir l'attribut scrollTop de <body> à 0. there'is Peut-être une façon plus élégante, mais ce travail:
<script>
function setScroll()
{
document.getElementsByTagName("body")[0].scrollTop = 0;
}
</script>
<input type="button" value="Set scrollTop to 50" onclick="setScroll();" />
Accueil
(Simple, pas trop penser.)
@Conner ne répond à la question – Craigy