問題タブ [page-jump]

以前の問題は、同じcoeの変数jqueryで@useselectorsを解決しました

私はこのような機能を作らなければなり ませんこれは私が理解していなかった大きなjqueryコードを使用しています

これが私のjsfiddleです 。同じ機能を作成しましたが、クリックするとページがその要素にジャンプします。ページをジャンプしたくないので、フェードインとフェードアウトが必要です。

およびhtml

アンカークリックで#popupを表示したいがtop:10000px、元のページでは特定の要素に移動するため、この問題をテストするためにフィドルで指定したIDにページジャンプ/スクロールしたくない

フィドルの完全なコードと私はこの機能が欲しい

基本的に現在の p をクリックして非表示にし、対応するボタン テキストをフェードインするメニューがあります。つまり、私のページが文字通り一番上にジャンプします。

メニューのhtmlは次のとおりです。

対応するテキストのhtmlは次のとおりです

:

jQuery は次のとおりです。

私が欲しいのは、いくつかのメニューを通過した後に迷惑になるだけなので、それを防ぐ方法です.

ありがとう

編集: http://jsfiddle.net/M2AE6/ 1番目または2番目のメニュー項目をクリックした後にメニューについてまたは連絡先をクリックすると、何が起こっているかがわかります。

ターゲットを使用して css クリック イベントを含むメニュー ボックスのタイプを作成し、それらをハッシュ アンカー タグでリンクします。問題は、ボタンの 1 つ (One、Twii、Thrii など) をクリックすると、ページがジャンプすることです。js スクリプトを使用してデフォルトの動作を停止しようとしましたが、うまくいきませんでした。ボタン/リンクがクリックされたときにページが移動しないように、ページのジャンプを停止するのを手伝ってください!

私が作成した JS Fiddle リンクを次に示します。jsfiddle.net/3ASpX/1/

解決策が必要です..ターゲットを使用するか、他の何かを使用するかどうか!

ありがとうございます。私が何か間違ったことをした場合、説明と質問自体に混乱が生じたことをお詫びします。あなたの助けに感謝します。

このトピックに関する多くの質問があることを感謝します。たとえば、 JQuery UI Tabs Causing Screen to "Jump"
をクリックしたときに jquery TABS がジャンプ/スクロールアップするのを止めますか?
Jqueryタブ:クリックでジャンプを停止するにはどうすればよいですか?

しかし、私の問題を完全に解決するものは見つかりませんでした...

追加と削除を使用してjQueryタブを実装しました（これに似ています：http://jqueryui.com/tabs/#manipulation）が、各ページのコンテンツはAjax経由でプルされます（これに似ています：http://jqueryui.com ） /tabs/#ajax )。

新しいタブを追加するたびにブラウザがページの上部にジャンプすることを除けば、これはすべて正常に機能します。このジャンプは、新しいタブを追加したときにのみ発生します。後で別のタブをクリックしても、まったくジャンプしません。

preventDefault()アンカーでとを使用してみreturn falseましたが、動作に影響はないようです。アンカーの URL は、ハッシュタグのない実際のリンクです。

機能するのは、タブ コンテナーの高さを非常に大きな値に設定することです。これにより、ジャンプが発生することなくタブを開くことができます...しかし、それは非常にエレガントなソリューションではないようです。タブ自体の高さがすべて異なるため、固定の高さを実際に決定することはできません。

トピックについてはこれですべてですか、それとも見逃している可能性がありますか?

これが私が使用しているコードです（主にjQueryドキュメントからコピーして貼り付けました）：

関数をフックしてリダイレクトするために使用されるのはなぜですか?

このような：

ところで、$E9 定数とはどういう意味ですか?

<a href="#FAQ">FAQ</a>私は divをid にジャンプさせようとしていて、div簡単に成功できましたが、ジャンプ先のリンクが固定されているため、その方法を見つけることができないようです。

つまり、同じページ内の URL にジャンプするdivまたはhrefリンクが必要です。<a href="http://www.mydomain.ask.html">Ask</a>

などのアンカーから<a href="#jump">jump</a>div などへのジャンプが正常に<div id="jump">jump to point</div>機能することは確かです。しかし、その逆はどうでしょうか。それは機能しますか？つまり、div id からアンカーへのジャンプは機能しますか?

HTML の a href /#linkname のように、リンクを介して画面の特定の部分にジャンプする簡単な方法を探していました。しかし、私はこれをウェブビューではなくプログラムで行いたいと思っています。

助けを求めています。ここにコードがあります

トーストを使用して、正しい変数が if ステートメントを通過していることを確認しました。したがって、問題は完全に「scrollView.scrollTo(0, +2000);」にあります。ライン。

なぜこれがうまくいかないのでしょうか？

パート 2: 使用したい正確な TextView の .getleft() と .getTop() も使用しようとしましたが、どちらも常に 0 で返されました。

情報

target を使用して CSS を変更します。つまり、動作を継続するにはターゲットの動作が必要です。preventDefaultオプションではないでしょうか？

問題

ページを一番上にジャンプさせるにwindow.scrollTo(0, 0);はうまくいくと思っていました。それは起こりませんでした。なぜだめですか？解決？

jsfiddle

jsfiddleで試すことができます。下にスクロールしてデモを表示します。パディングを追加しました。

HTML

Javascript (jQuery)

CSS