Clickイベントのjqueryのアンカーリンクに移動

説明で言うように、スムーズなスクロールとJavaスクリプトの位置プロパティについては多くのことがわかりましたが、探しているものはhtmlの機能を模倣しているだけです「」タグ（私はこのプロジェクトのためのHTMLリンクタグを使用しないようにする必要があります）Clickイベントのjqueryのアンカーリンクに移動

出典

2017-01-12 Marco Castro

：やアンカーリンク：

<a href="#bottom" id="bottom_id"></a>

スクリプト。例えば

、この：

$('#ClickMe').click(function(){ window.location = 'index.php'; });

出典

2017-01-12 23:29:20 Paurian

ハ、私は思った疑問を誤解しています。何らかの理由で、私は彼が同じページの名前タグにジャンプすることを意味すると思った。 –

jqueryの方法：これは名前の要素の上を取得し、その位置にスクロールトップの位置を設定します

$("body").scrollTop($("[name=elementname]").position().top)

。

これを効果的に行うjquery plug inがありますが、まっすぐなjavascriptに固執したい場合は、this previous answerで説明されているようにelement.scrollToを使用できます。

これについてのより良い文書はMozilla's siteにあります。 JavaScriptで。私はこのスクリプトが作業を行いますHTML入力タグ

<input type="button" id="top" value="button"/>

を持っていると仮定すると、右午前場合

出典

2017-01-12 23:20:36

jQueryのだろう...彼はID "ClickMe"（EGを持つ要素をクリックした場合はindex.phpにユーザーを取る方法の詳細便利だと思います。 "scrollTo"を使うのは、プラグインのようにそれを行う巧妙な方法です。他の方法がなければ、私はそれをそうするでしょうが、別の方法があることを望んでいました。このトリックを行う、すでに定義されている関数のようなもの、たぶんgoToURL（）関数ですが、ありがとう、これはもちろん役に立ちます –

例を使って答えにいくつかの味を加えました。メソッドではなく、十分に単純です。 –

は、だから私は何を得るのHTMLアンカータグを使用せずに、あなたが要素にスクロールダウンしたいです

PS #bottom_idは、スクロールしたい要素のIDです。 jQueryの（アンカータグのような）ページには、イベントにwindow.locationのを添付とは異なるURLにユーザーを取るようにするに

$("#top").click(function() { 
    $('html, body').animate({ 
     scrollTop: $("#bottom_id").offset().top 
    }, 2000); 
});

出典

2017-01-12 23:24:05

Clickイベントのjqueryのアンカーリンクに移動

答えて

関連する問題