LoginSignup
1
3

More than 5 years have passed since last update.

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

Last updated at Posted at 2017-03-25

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

使い方
①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)

で行けるみたいです。

1
3
5

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
3