問題タブ [page-jump]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
6 に答える
30201 参照

ruby-on-rails - Ruby on Rails でアンカーを作成し、この特定のアンカーにリダイレクトする方法

ブログのコメントごとに一意のアンカーを作成して、アンカーの URL を取得してブラウザーに貼り付けると、ページが自動的に読み込まれ、ページ内のコメントが始まるポイントまでスクロールダウンされるようにしようとしています。 .

おそらく私はこれを間違った方法で行っていますが、これを試してみましたが、役に立ちませんでした.

コメント ビュー - 不合格 1 - ブラウザに貼り付けた場合、このリンクは目的の位置までスクロールしません

コメント コントローラー - 失敗 2 - ブラウザーで URL を修正しますが、スクロールは発生せず、ページの上部にとどまります

誰かが助けてくれたら、とても感謝しています:)

更新: 以下の解決策はほとんど機能しますが、クリックしてもスクロールされない次の URL が表示されます。

# すなわちhttp://localhost:3000/posts/please-work

0 投票する
2 に答える
9092 参照

javascript - ブラウザ全体をジャンプさせずにスクロール可能なdivのアンカータグに移動するには?

クライアント向けの大規模プロジェクトの一部として、単純な用語集ウィジェットを作成しています。用語集の内容は、スクロール可能な div (overflow:auto) で囲まれています。各文字には、それに関連付けられたアンカー タグ (#a、#b、#c など) があります。スクロール可能な div の上には、アルファベットのすべての文字を含む div があります。これらの文字の 1 つをクリックすると、ユーザーはスクロール可能な div 内のその文字の定義に移動します。これは機能しますが、ウィンドウ全体がアンカーにジャンプするという意図しない副作用があり、ユーザーが混乱し、煩わしくなります。

<br />これがウィジェットで、私が何を意味するかを理解できるように、少し削除され、たくさんの's が付いています。

http://www.nitrohandsome.com/clients/topics/glossary-widget/

いくつかのグーグルから一緒にまとめたいくつかの異なるJavaScriptのアイデアを試しましたが、何も機能していなかったので、実際のアンカーコードへの移動以外はすべて削除しました(私はかなりのJS初心者です)。現時点では、任意の文字をクリックすると、次の JavaScript 関数が実行され、アンカー タグが渡されます。

リンクがクリックされるたびにウィンドウ全体がジャンプしないようにするにはどうすればよいですか?

前もって感謝します!

0 投票する
1 に答える
592 参照

javascript - スクロールバー内のスクロールバーは、内側のスクロールバーを id にジャンプさせるだけです

スクロールバーが必要なページがあります -

http://www.aus-media.com/dev/site_BYJ/schedule-pricing/pricing.html

大画面で高解像度で実行している場合を除き、メイン ページの外側のスクロールバーとコンテンツの内側のスクロールバーがあることに気付くでしょう。支払いなどのサブ項目の 1 つをクリックすると、外側のページと内側のスクロールバーが下にスクロールすることに気付くでしょう。

内側のスクロールバーのみをスクロールする方法を知っている人はいますか?

ありがとうみんなニック

0 投票する
1 に答える
1390 参照

asp.net - jQuery UI ダイアログにより、ASP.NET で開閉時にページ ジャンプが発生する

画像のサムネイルを含む ASP.NET C# ページがあります。ダイアログビューでサムネイルを大きなサイズで表示するサムネイルにホバーするたび
に開き、ホバーアウトするとダイアログが閉じるスクリプトを作成しました。 私の少し厄介な問題は、すべての(開くダイアログを開く)-ページ自体が「長くなる」ことです-ブラウザの横にスクロールバーが表示され、ダイアログが開いているときにページが長くなるように見えますが、そうすべきではありません。 ( ) にカーソルを合わせると、ダイアログが消え、ページが通常の状態に戻ります。 このため、サムネイルにカーソルを合わせると、ページが「ジャンプ」します。 私はこれに対する解決策を探しました、そして私は追加しましたjQuery UI Dialog
mouseover
mouseout

return false;ダイアログを開いたり閉じたりするたびに - それでも違いはありません。
不完全な英語で申し訳ありません。すべてのヘルパーに感謝します!

0 投票する
2 に答える
257 参照

jquery - レイアウトの切り替えページジャンプ(スクリプトの改善)

このスクリプトを使用して、ページのレイアウトを切り替えています。

スクリプトは正常に動作します。私が抱えている問題は、スイッチ ビューがページの下にある場合、レイアウトが変更され、ページがジャンプして戻ることです。

/* が表示されている場所に「return false」を追加すると、 ! */ 2 行目でスクリプトが機能しません。

また、ご覧のとおり、 < a > 以外の要素を使用するとページがジャンプしなくなると言われたので、 < a > の代わりに < span > を使用しています。

ページのジャンプを修正する方法はありますか?

ありがとう。

0 投票する
2 に答える
452 参照

javascript - Jquery ドラッグ アンド ドロップの問題、新しいページにジャンプ

Jquery を使用して、quotemedia.com の js を含むページを実装したいと考えています。js を sortable に埋め込んだ後、js を含む要素をドラッグ アンド ドロップすると、フル ページ表示にジャンプします。

これは Firefox で発生します。IE は問題ありません。

実行中のコードはこちら: http://jsfiddle.net/dodoflying/9BkJ5/ firefoxを使用して要素ショッピングをドラッグ アンド ドロップして、問題を確認してください。

firefoxのバグですか?どうすればこの問題を解決できますか?

前もって感謝します!

ドン

0 投票する
3 に答える
9127 参照

asp.net - ASP.NET:AutoPostBackを使用しているときにページがジャンプしないようにするにはどうすればよいですか?

ASP.NETを使用しており、ウィザードコントロールにラジオボタンがあり、[はい]を選択するとパネルが表示されますが、[いいえ]を選択するとパネルが非表示になります。MaintainScrollPositionOnPostBackをTrueに設定しましたが、ActiveStepChangedイベントによってFalseに変更されるため、[次へ]をクリックして次のウィザードステップを表示すると、ページの上部から開始されます。問題は、[次へ]をクリックした後、最初にラジオボタンをクリックすると、ページの上部にジャンプすることです(最初にラジオボタンをクリックした後は、ページはその位置を保持します)。初めてジャンプするのを防ぐにはどうすればよいですか?

0 投票する
1 に答える
325 参照

css - Firefox で location.hash の後にスタイル効果が残るのはなぜですか?

ウェブデザインでオンライン心理実験用のプログラムを作成しています。(以下のコードを参照してください) 私がやろうとしているのは、ユーザーが入力ボックスをクリックすると onFocus イベントが呼び出され、ページがその場所にジャンプする (つまり、ボックスがページの上部に来る) ことです。ボックスは、フォーカスがあることを示すために、そのアウトラインに何らかの影響を与えます。
location.hash、anchor、style.outline を使用して実装できます。

ただし、Firefox では、ページがアンカー ポイントにジャンプすると、アウトライン スタイルを削除するイベント onBlur があっても、アウトライン スタイルはそこに残ります。なぜこれが起こるのか、それを修正する方法を知っている人はいますか? この問題に最も関連する関数は、コード内の jump() と noeffect() です。

これは Chrome と Safari では機能しますが、Firefox では機能しません。(IE も動作していません。IE はアウトライン スタイルをまったく表示しません。IE で修正する方法を知っている場合は、私にも知らせてください) できれば、私のプログラムをすべての主要なブラウザーで使用できるようにしたいと考えています。

前もって感謝します!

- - - - -コード - - - - - -

0 投票する
1 に答える
1457 参照

css - CSS:ページジャンプ後のページのトップ

変更してはならないhtmlページがあり、それを行うすべてのことはCSSで行う必要があります。

htmlページに4つの「セクション」タグがあり、そのページの上部にナビゲーションバーがあります。バーの各要素は、同じページの特定のセクションへの内部リンク(ページジャンプ)です。

通常、これらのリンクの1つをクリックすると、適切なセクションの最初の行がページの上部に表示されます。

ただし、ナビゲーションバーの位置を変更したため、常に上に表示されます(position:fixed)。

したがって、1つのセクションボタンをクリックすると、選択したセクションの最初の行(およびさらに1つまたは2つの行)がナビゲーションバーで覆われます... :(

私が欲しいのは解決策なので、ナビゲーションバーの1つのオプションをクリックすると、選択したセクションの最初の行が画面の上部ではなく、バーのすぐ下に表示されます。

コードが必要な場合は、十分な長さがあるので、特定の部分に問い合わせてください。

0 投票する
1 に答える
238 参照

ruby-on-rails - dirwith@funnyname/path:34 のように、パスに @ を付けて ctr-w gF を使用してファイルにジャンプします。

Ruby on Rails のスタック トレース エラーは次のようになります。ctr-w gF を使用してファイルにジャンプし、ファイルの次の行番号にしばらく移動しました。

しかし、私は RVM と gem_sets を使い始めました。これにより、ディレクトリに @ 記号が配置され、明らかに Vim が混乱します。この場合、愛する ctr-w gF をどのように使用できますか?