2

単一ページの Web サイトで作業していて、<a></a>タグに問題があります。

ユーザーが Div をクリックすると、ページの別の部分に移動したいと思います。現時点では、私は<a></a>そうしています。

    '<a href="#divid">About</a>'

css-tricks.com/examples/SmoothPageScroll/#two これは、ページをスクロールするために使用している良い例です

しかし、これらのタグを div の画像の周りに配置するたびに、すべての div クリック プロパティが機能しなくなります。例：

<div id="about-button" class="button">
    <a href="#about"><img src="images/menu-about.png"
                          alt="about" class="button"/></a>
</div>

aこれは、タグが div の上にあるために発生していると言えます。

<a>私の質問は、タグを div の下に置くか、横に並べて動作させ、それでも動作させる方法はありますか??

またはそれを達成する方法がない場合。私ができる読書、または「」タグを使用せずにページの特定の部分に移動するためのより良い方法の例

4

2 に答える 2

3

次のようなことを試すことができます：

$('a').click(function(e) {
   e.preventDefault();
   var scr = $('#target').offset().top; // top offset of the target element
    $('html, body').animate({scrollTop: scr}, 1000)
})

デモ

于 2012-07-03T12:38:58.243 に答える
1

DOM 要素がどのように機能するかを操作しようとする代わりに、jQuery セレクターを変更する方がはるかに簡単ではないでしょうか? http://api.jquery.com/parent-selector/

于 2012-07-03T13:23:07.780 に答える