問題タブ [anchor-scroll]

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 投票する
0 に答える
392 参照

angularjs - イオンモーダルカントを使用したアンカースクロールは、どのように機能しますか?

$ionicScrollDelegate を anchorScroll と共に ionic モーダルで使用するには

角度の場合:

角度のあるワーキングプランカー

イオンでは:

このプランカーでは、イオンモーダルを使用してテストし、イオンモーダルを使用せずにテストしました

イオンモーダルで同じ概念を使い始めると、うまくいきません。イオンモーダルで動作させるために私がしなければならないことはありますか

プランカーとイオン

私が必要としているのは、オープン スタート モーダルで、07:30 に startView が必要で、17:30 までにモデルの startView を閉じる必要があります。

(注: これら 2 つの関数は、アプリケーションの同じコントローラーで呼び出されます)

事前に感謝します。

0 投票する
0 に答える
141 参照

html - angularjs:アンカーに関するヘッダーの問題を修正

ページの上部に固定ヘッダーがあり、angularjs でアンカーも使用しました。私の問題はanchor 1、ページの上部にある div ジャンプをクリックしたときに表示されないことです。すべきではない固定ヘッダーのanchor背後にあります。

どうすればこれを修正できますか。前もって感謝します。私は現在、このプランカーを参照しています: http://plnkr.co/edit/0ZqAWjHZbTJCtlDL2qpu?p=preview

0 投票する
5 に答える
21408 参照

angularjs - Angular でのページ読み込み後にアンカーまでスクロールする

新しいページをロードするように ng-click イベントを設定する必要があります。ページがロードされたら、ページのアンカーポイントまでスクロールします。この SO 投稿で提案されているすべてのソリューションを試しましたが、正しく機能しません。

これらのソリューションのほとんどは、既に読み込まれているページのアンカーまでスクロールすることを中心にしています。新しいページが読み込まれた後にスクロールする必要があります。

ここに私のビューコードがあります:

これは「プロファイル カード」内のボタンを表します。ユーザーがカードをクリックすると、プロフィール ページに移動します。ただし、ユーザーがボタンをクリックすると、そのプロファイル ページの #jobs 部分に移動する必要があります (したがって、コード内の goToResultJobs(r) の前に $stopPropogation() があります)。

私の goToResultJobs メソッドは次のようになります。

$anchorScrollアンカーを にハードコーディングして使用しようとしましたprofileUrlが、どちらも機能しません。私はAngularにかなり慣れていないので、ここで何が欠けているのかわかりません。

更新 1: $timeout を使用しようとしています

goToResultJobsユーザーがボタンをクリックしたときにトリガーされる ResultsCtrl 内のメソッドは次のとおりです。

これにより、/name#jobsパスが読み込まれ、以下の ProfileCtrl が呼び出されます。

TESTジョブ ボタンがクリックされたときにのみコンソールに表示され、ユーザーがプロファイルをクリックしただけでは表示されないため、このセットアップは機能しているようです。私が今直面している問題は、ページの読み込みが開始され、URL バーのパスが に変更されますが/name#jobs、ページの読み込みjobsが完了する前に、URL から削除されることです。したがって、$anchorScroll()が呼び出されたときに、スクロール先のハッシュにアンカー タグがありません。

0 投票する
0 に答える
148 参照

javascript - Angularjs $anchorScroll はすべてをスクロールします

スクロールバーのあるウィンドウにスクロールバーのあるリストがあります。

ユーザーがリスト内の要素を選択すると、$anchorScroll を使用してその項目をリストの一番上にスクロールします。

不幸な副作用は、その項目がウィンドウの上部に来るまでウィンドウ全体もスクロールすることです。

リストだけをスクロールするにはどうすればよいですか?