移動到頁面頂部有沒有人知道一個命令將「滾動到頂部」/「跳轉到頂部」功能綁定到按鈕?用chrome-extension
我發現了一些更花哨,但希望有一個更簡單的版本: https://chrome.google.com/extensions/detail/chiikmhgllekggjhdfjhajkfdkcngplp
大加讚賞。
移動到頁面頂部有沒有人知道一個命令將「滾動到頂部」/「跳轉到頂部」功能綁定到按鈕?用chrome-extension
我發現了一些更花哨,但希望有一個更簡單的版本: https://chrome.google.com/extensions/detail/chiikmhgllekggjhdfjhajkfdkcngplp
大加讚賞。
好吧,你可以做以下,滾動到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頂部。
要在body的開頭創建一個包含id
「top」的元素,並將「go to top」按鈕的href分配給「#top」,或者向其添加事件偵聽器。
如果您希望它永久顯示在頁面上,請使用CSS規則position: fixed
和適當的其他屬性。
Chrome擴展程序是html/js,對吧?因此,只需將屬性<body>
設置爲0
即可。也許there'is更優雅的方式,但這項工作:
<script>
function setScroll()
{
document.getElementsByTagName("body")[0].scrollTop = 0;
}
</script>
<input type="button" value="Set scrollTop to 50" onclick="setScroll();" />
首頁
(簡單,無過的想法。)
@Conner它不回答這個問題 – Craigy 2012-08-19 00:20:15