問題タブ [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.
angularjs - イオンモーダルカントを使用したアンカースクロールは、どのように機能しますか?
$ionicScrollDelegate を anchorScroll と共に ionic モーダルで使用するには
角度の場合:
角度のあるワーキングプランカー
イオンでは:
このプランカーでは、イオンモーダルを使用してテストし、イオンモーダルを使用せずにテストしました
イオンモーダルで同じ概念を使い始めると、うまくいきません。イオンモーダルで動作させるために私がしなければならないことはありますか
プランカーとイオン
私が必要としているのは、オープン スタート モーダルで、07:30 に startView が必要で、17:30 までにモデルの startView を閉じる必要があります。
(注: これら 2 つの関数は、アプリケーションの同じコントローラーで呼び出されます)
事前に感謝します。
html - angularjs:アンカーに関するヘッダーの問題を修正
ページの上部に固定ヘッダーがあり、angularjs でアンカーも使用しました。私の問題はanchor 1
、ページの上部にある div ジャンプをクリックしたときに表示されないことです。すべきではない固定ヘッダーのanchor
背後にあります。
どうすればこれを修正できますか。前もって感謝します。私は現在、このプランカーを参照しています: http://plnkr.co/edit/0ZqAWjHZbTJCtlDL2qpu?p=preview
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()
が呼び出されたときに、スクロール先のハッシュにアンカー タグがありません。
javascript - Angularjs $anchorScroll はすべてをスクロールします
スクロールバーのあるウィンドウにスクロールバーのあるリストがあります。
ユーザーがリスト内の要素を選択すると、$anchorScroll を使用してその項目をリストの一番上にスクロールします。
不幸な副作用は、その項目がウィンドウの上部に来るまでウィンドウ全体もスクロールすることです。
リストだけをスクロールするにはどうすればよいですか?