問題タブ [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.
php - ページの先頭へのページネーション
検索ページがあり、見つかったページ数の番号付きリンクを表示したいと考えています。
私が持っているページの上部に：
ページの下部:
次のページ (2 または 3) に正しい方法でリンクする下部を除いて、これは機能していますが、ページの下部にとどまります。ページの先頭にジャンプさせる方法はありますか? href="#" を試してみましたが、(class="" の代わりに) これが機能していません。コードの 2 ページ目で確認できます。#top も機能していません。ヒントやアイデアはありますか？ありがとうステファン
javascript - フォーム検証エラー: 相対ジャンプとスティッキー ヘッダー
私のページの 1 つに、Web フォームと固定ヘッダーがあります。
ユーザーが最新のブラウザーを使用してこのフォームを送信しようとしたが、必須フィールドに入力していない場合、(予想どおり) エラー バルーンが表示されます。
問題は、ここに示すように、入力フィールドを非表示にするスティッキー ヘッダーです ( jsfiddle )。
さて、私の質問は次のとおりです。
form.checkValidity()が falseの場合、この動作を防止し、サブミット イベントによって発生する相対的なページ ジャンプにピクセルを追加する賢明な方法はありますか?
現在の実装を answer として追加しました。
(注意: スティッキー ヘッダーがまったく有益かどうかについて議論することはできますが、この議論はUXで行う必要があります)。
php - ユーザーが現在使用しているページの一番下にジャンプ
編集：ワードプレスを使用：
Contact me というメニュー ボタンがあり、Contact me ページに移動します。
私も 8 ページあり、一番下に連絡先フォームがあります。
メニューボタンの名前を変更して、使用中のページの最後までスクロールダウンする方法はありますか?
ここでの違いは、ポイントへの一定のジャンプがないことですが、ユーザーが現在使用しているページの下部です。
javascript - ダブルドロップボックスでページジャンプ
まず、ご協力いただきありがとうございます。マークダウンパッドを使用しています。以下のように2つのドロップボックスリストを作成しました。
2 つのドロップ ボックスの値をページ ジャンプにリンクしようとしています。基本的に、最初のもので「TTF」を選択し、2番目のもので「Q1-Q4、Q2-Q1、Q3-Q2、Q4-Q3」を選択すると、私が書いたスペースにページが移動したいと思います:
私の質問がばかげている場合は申し訳ありませんが、それを行う方法がわかりません。
html - 同じように実装された HTML アンカー/ID が、あるケースでは機能するのに、別のケースでは機能しないのはなぜですか?
ユーザーが目次から章にジャンプできる Web サイトを作成しました。1 冊の本「Huck Finn」では機能しますが、もう 1 本の「Rouging It」では機能しません。
コードは私にはまったく同じようです。そして、実際には、jsfiddle の"Roughing It" で動作します。
「Huck Finn」でジャンプする代表的な行と章の冒頭を次に示します。
...そしてここに「Roughing It」の最初の章があります:
(「Roughing It」では、章の概要を「その場で」追加しなかったのは事実です - TOC だけです。それは問題ではありませんが...
では、Huck Finn と jsfiddle では機能するのに、Visual Studio から実行すると機能しないのはなぜでしょうか? IOW、jsfiddle では、両方とも機能します (「Huck Finn」と「Roughing It」)。Visual Studio では、"Huck Finn" のみが機能します)。
アップデート
奇妙なことに、DO の chap43 からのリンクが機能することに気付きました。1～42しか動かない…?!?
更新 2
あはは！(Epiphany/Eureka): 「Huck Finn」には 42 のチャプターがあるため、「chap1」から「chap42」までが ID と見なされます。chap43以降は「無料」なので「Roughing It」でゲット。「RIchap1」..「RIchap79」など、一意にする必要があります。
jquery - .click 関数がページの先頭にジャンプしないようにする
以下のコードを使用して、.animate トグル効果をシミュレートしています。ただし、ページをクリックするとトップにジャンプします。防止を使用してみましたが、それでもジャンプするので、何か不足していると思います...何かアイデアはありますか?
javascript - スリックカルーセルスクロール
ビューポート内にない場合、滑らかなカルーセルは上下にスライドします。ここにリンクがあります
画像例:
になる
表示されたdiv全体を表示するためにページがジャンプするだけです。それが発生したくないのですが、解決策はありますか? ありがとうございました、
javascript - URL に #key-1 が含まれている場合、name=key-1 にジャンプします
URL に#.
は#動的に作成され、 に挿入されheader($location);ます。その後、新しい URL は次のように読み込まれます: 、ただし、ページwww.example.com?p=1#key-1で選択されたものには移動しません。#これどうやってするの？
javascript を調べましたがwindow.location.hash、適切な使用方法がわかりませんでした。
更新:#sek-31アドレス バー
に手動で入力すると、URL の # が機能します。しかし、同じ URL をリロードすると、ページの上部に戻ります。
更新 2:
更新 3:
次のブラウザで動作します。
- Windows版Safari
- ファイアフォックス
- 角