0

ユーザーが下にスクロールしたときに[トップに戻る] をクリックできるようにする Web サイトを開発しています。私はjQueryを使用していますが、うまくいきました。ただし、リンク（タグ）に問題があります。トップに戻るボタンと同じナビゲーター位置にあるすべてのリンクはクリックできません。その位置の横にある他のリンクは、通常どおりクリックできます。

ここにjQueryコードがあります

$(function () {
$(window).scroll(function () {
  if ($(this).scrollTop() > 200) {
    $('#back-top').fadeIn();
  } else {
    $('#back-top').fadeOut();
  }
});

// scroll body to 0px on click
$('#back-top a').click(function () {
$('body,html').animate({
  scrollTop: 0 }, 800);
  return false;
});
});

PHP + HTML

<?php
echo "<td align='center'>
echo "<a href='edit_request.php?edit=$row[Req_ID]'>Edit</a> | <a href='action.php?delete=$row[Req_ID]'>Delete</a>";
echo "</td>";
?>

<p id="back-top">
<a href="#top"><span></span>Back to Top</a>
</p>

原因となるリンク（タグ）がクリックできない問題をご存知の方はいらっしゃいますか？

少し早いですがお礼を。

4

3 に答える 3

0

CSS は次のようになります。

#back-top {
    position: fixed;
    bottom: 30px;
}

#back-top a {
    width: 100px;
    display: block;
    text-align: center;
}

デモを見る

于 2013-09-09T02:49:26.677 に答える
0

このコードは正常に動作していますが、最初の機能は、スクロールトップが 200 未満であることを検出し、下部のリンクを非表示にすることです。

以下のデモで行ったように、この関数をコメントアウトすると、正常に機能します。

デモ: http://jsfiddle.net/WzrLM/

$(function () {
/*
 $(window).scroll(function () {
    console.log($(this).scrollTop());
    if ($(this).scrollTop() > 200) {
    $('#back-top').fadeIn();
  } else {
    $('#back-top').fadeOut();
  }
});
   */

// scroll body to 0px on click
$('#back-top a').click(function () {
$('body,html').animate({
  scrollTop: 0 }, 800);
  return false;
});
});
于 2013-09-09T02:36:11.473 に答える