0

次のような表紙ページ (ページ 1) から (ニュース) 記事へのリンクがあります。

<a href="nn.com/stories/being_at_mall.html#article">Read this story</a>

もう一方の宛先ページ (ページ 2) では、div はこの発言で待機します

<div id="#article"></div>

私がやりたい/試したいことは次のとおりです。

  • ページ1のリンクをクリックした後、最初にページ2がロードされ、おそらく1秒間一番上にとどまります（ユーザーがページ2のヘッダーを少し楽しむためです笑）、
  • そのイントロの後、ページ自体がアンカーされた div までスムーズにスクロールします。

必要に応じて (< div id="top"></div>) のようにページの一番上にマークを付けています。

事前にt​​hx！

4

2 に答える 2

0

being_at_mall.html ファイルの読み込み時にこのコードを実行します

$(function () {
    $(document.body).animate({
        scrollTop: $(location.hash).offset().top
    }, {
        duration: 'slow',
        easing: 'swing'
    });
});

デモ デモでは、ページが読み込まれるとスクロールすることがわかります。上記のコードは、つまり、being_at_mall.html の要素の ID をlocation.hash与える which を使用しています。#article

また、このページ*には、デモとともにスムーズにスクロールする方法に関するその他のオプションがリストされています。

※このページの作者です。jQueryを学んでいたときに作成しました。

于 2013-09-06T02:56:42.717 に答える