匿名質問者
匿名質問者匿名質問者とは「匿名質問」を利用して質問した質問者。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら

jQueryでページトップに戻るボタンの位置を修正したい。


よく見るスクロールすると途中から出てくる「トップに戻る」ボタンを設置しようとしています。
幅100%(画面幅いっぱい)で作ってスクロール中は一番下に表示(margin-bottom:0な感じ)、最下部に到達したら最下部にあるcopyrightを見せるため少し上(margin-bottom:20pxな感じ)で止めたいです。

以下を見つけたのですが、どこか修正する事で「最下部に着いたら下に余白を置く」と言うのを出来るでしょうか?

$(function() {
var showFlag = false;
var topBtn = $('#page-top');
topBtn.css('bottom', '-100px');
var showFlag = false;
//スクロールが100に達したらボタン表示
$(window).scroll(function () {
if ($(this).scrollTop() > 200) {
if (showFlag == false) {
showFlag = true;
topBtn.stop().animate({'bottom' : '0px'}, 200);
}
} else {
if (showFlag) {
showFlag = false;
topBtn.stop().animate({'bottom' : '-100px'}, 200);
}
}
});
//スクロールしてトップ
topBtn.click(function () {
$('body,html').animate({
scrollTop: 0
}, 500);
return false;
});
});

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2018/02/16 18:21:23
  • 終了:2018/02/23 18:25:02

回答(0件)

回答はまだありません

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません