Перейти к началу страницы с расширением Chrome - PullRequest
1 голос
/ 11 декабря 2010

Кто-нибудь знает команду для привязки функции «прокрутка к началу» / «прыжок на вершину» к кнопке?

Я нашел что-то более причудливое, но хотел бы иметь более простую версию: https://chrome.google.com/extensions/detail/chiikmhgllekggjhdfjhajkfdkcngplp

Очень ценится.

Ответы [ 4 ]

2 голосов
/ 11 декабря 2010

Ну, вы можете просто сделать следующее, прокрутить до X = 0 и Y = 0, и все https://developer.mozilla.org/en/window.scroll

window.scroll(0, 0);

Если вы хотите подключить это к расширениям Google 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.

1 голос
/ 17 августа 2012

Главная
(Просто, не задумываясь.)

0 голосов
/ 11 декабря 2010

Расширения Chrome - это html / js, верно?Так что просто установите атрибут scrollTop для <body> на 0.Может быть, есть более элегантный способ, но эта работа:

<script>
function setScroll()
{
    document.getElementsByTagName("body")[0].scrollTop = 0;
}
</script>

<input type="button" value="Set scrollTop to 50" onclick="setScroll();" />
0 голосов
/ 11 декабря 2010

Чтобы создать элемент с id "top" в начале тела и назначить href кнопки "go to top" для "#top", или добавить к нему прослушиватель событий.

Если вы хотите, чтобы он постоянно отображался на странице, используйте правило CSS position: fixed и соответствующие другие атрибуты.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...