人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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;
});
});

●質問者: 匿名質問者
●カテゴリ:ウェブ制作
○ 状態 :キャンセル
└ 回答数 : 0/0件

回答がありません
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ