ブックマークレットについての質問です。
ページ縦幅の半分上にスクロール
javascript:window.scrollBy(0,-document.height/2)
ページ縦幅の半分下にスクロール
javascript:window.scrollBy(0,document.height/2)
上記2つのブックマークレットを、いわゆるスムーススクロールと呼ばれるような滑らかな動きでスクロールさせたいです。
http://d.hatena.ne.jp/zzz4sk/20110913/1315902649
↑こちらの最上部へスクロールするブックマークレット(【追記2】の不具合修正版)を参考に作ってみようとしたのですが、
私のjavascriptの知識が少ないこともあり上手く出来ませんでした。
どのように書けばスムーススクロールとページ半分のスクロールを実現出来るのでしょうか?
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。
ログインして回答する
ベストアンサー
-
7cc
満足200pt
ページ縦幅の半分 ･･･ 結構移動しちゃいますけど、その距離で大丈夫でしょうか?
とりあえず下に移動するコードを置いておくので動作確認してください。javascript: (function(){ var root; if ( document.documentElement.scrollTop ) { root = document.documentElement; }else if (document.body.scrollTop ) { root = document.body; }else { scrollBy(0, 1); root = document.body.scrollTop ? document.body : document.documentElement; }; var scrollDistance = root.scrollHeight/2 , count = 1; var timeID = window.setInterval(function(){ scrollBy(0, scrollDistance/100); if(count++ === 100){ clearInterval(timeID); } }, 10) })()
-
その他の回答
この質問へのコメント
質問の情報
- 登録日時
- 2013-09-17 00:58:48
- 終了日時
- 2013-09-17 15:22:13
- 回答条件
- 1人5回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
侍ジャパン プレミア12 日本代表 読売ジャイアンツ 吉川尚輝の代替予想は、どれですか？…
ren990827
-
なぜ富山県の高校野球は弱いのですか？ 夏の甲子園では初戦敗退が多く、ベスト4が全国で唯一ZEROで、秋の北…
KUWA
1
-
侍ジャパン プレミア12 日本代表 横浜DeNAベイスターズ 佐野恵太の代替予想は、どれですか？…ren990827
-
学校の先生が主に使用しているプラチナ万年筆のソフトペンはなぜ万年筆専用のインクを注入するとピンクの色…
匿名質問者
1
-
２０２６年以降に、NPBファーム 復活するのは、どれですか？ren990827
↑を使うとjQueryなども組み込めて楽ですよ。