Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

【JavaScript】ブラウザにスクロールボタンつける

More than 3 years have passed since last update.

スクロールバーまでマウスもっていくのが面倒なので

使い方
①javascript:~をコピー
②ブラウザのブックマークツールバーで右クリック→新規ブックマーク作成
③名前を↑↓とか▲▼とか、URLに①を設定して登録

■画面↑へ

javascript:(function(d){
  var parent = d.body;
  if (parent.firstChild.id != "firstline"){
    var fl = d.createElement("a");
    fl.name="firstline";
    fl.id = "firstline";
    parent.insertBefore(fl, parent.firstChild);
  }
  location.hash = "#firstline";
})(document);

■画面↓へ

javascript:(function(d){
  var parent = d.body;
  if (parent.lastChild.id != "lastline"){
    var ll = d.createElement("a");
    ll.name="lastline";
    ll.id = "lastline";
    parent.appendChild(ll);
  }
  location.hash = "#lastline";
})(document);

キーボードのhome end ボタンでやれって?だよね。。。

※03/25修正
画面下へのコールバックに引数渡してなかったです

function(){
↓
function(d){

※03/26追記
コメントにある通り
■画面↑へ

javascript:scrollTo(0,0)

■画面↓へ

javascript:scrollTo(0,document.body.offsetHeight)

で行けるみたいです。

deigo
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away