php - PHPがコンテンツをロードした後にページを下にスライド

Question

ページ全体が読み込まれた後にコンテンツを下にスライドさせるスクリプトを作成する方法。

たとえば、のようなリンクをクリックしますindex.php?category=1。そのページが読み込まれた後、ページを特定のページにスライドさせる必要がありますID。

どうやってするか？

score 2 · Accepted Answer

アンカーを使用します。

URL を変更してアンカーを含めます。

index.php?category=1#targetElement

次に、ページの読み込み時にフォーカスされる要素に ID を追加します。

<div id="targetElement">

score 0 · Accepted Answer

ページのスライドダウンをアニメーション化する必要がありますか、それとも単に機能が必要ですか?

いいえの場合<a name="anchor"></a>、ページをスクロールしたい場所を使用することはできませんか? その上、それは正しいことですよね？

今それをスライドさせて、あなたは使うことができますindex.php?category=1#anchor

しかし、アニメーション化する必要がある場合は、スタックオーバーフローの別のリンクで指定されているように、これらのコードを追加する必要があります。

var aTag = $("a[name='anchor']");
$('html,body').animate({scrollTop: aTag.offset().top},'slow');

score 0 · Accepted Answer

ページにのようなアンカーがある場合<div id="anchor">、次のスクリプトを使用して、ページがロードされたときにページをアンカー位置にスライドさせることができます。

$(function() {
    var anchorPos= $('#anchor').offset().top;
    $('html, body').animate({scrollTop:anchorPos}, 'slow');
});

編集：この実用的なソリューションのフィドルの例

3 に答える 3