問題タブ [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.
javascript - アンカーへのスムーズ スクロール。異なるオフセット。メディア クエリ。一部のアンカーを除く
状況:アンカー リンクごとに、アンカー リンクまでスムーズにスクロールしたい。次に、特定のアンカー リンクのオフセットを設定します (たとえば、ナビゲーションのリンクのみで、サイトのアンカー リンクはありません)。そして最後に、メディアクエリを追加したい..オフセット位置は、定義されたブラウザーサイズ (「最大幅: 767px」など) でのみ機能する必要があります。
最初の問題:他の機能 (オフセット配置) が無効になっている場合にのみ、スムーズなスクロールが機能します。両方を一緒に使用しても機能しません。何か助けはありますか？ 2 番目の問題:「オフセット ポジショニング」を「ナビゲーション」アンカー リンクのみに減らす方法がわかりません。
ここや他のサイトを検索してコードを取得しました。自分で書いたわけではありません。早くjavascriptとjqueryの基礎を学びたいです。しかし、皆さんから今すぐ助けを得ることができれば素晴らしいことです。本当にありがとうございました！
ボリス
jquery - アンカー編集ページトップへスムーズスクロール
スムーズ スクロール スニペットを使用しています。固定ヘッダーがあり、ヘッダーの下でアンカー セクションを停止したいと考えています。このコードを編集して、ページの上部から約 100 ピクセル下で停止するようにするにはどうすればよいでしょうか?
ページ上部の 100px 下でセクションを停止する必要があるだけです。私はjqueryに非常に慣れていないので、知識が不足していることを教えてください。ありがとう
angularjs - Angularjs - エラー: $location と $anchorScroll でコントローラーへの呼び出しを 2 回スクロールする
要素へのスクロールに $anchorScroll を使用すると問題が発生します。
これは私のソースです：
親コントローラー:
チルドレンコントローラー:
索引.html
私が受け取った結果：
わかりません、なぜchildrentコントローラーが2回呼び出されるのですか?
お願い助けて！
ありがとう！
angularjs - $anchorScroll が AngularJs で機能しない
私は、フォームを送信し、サーバーから結果を取得し、その後に HTML テーブル ビューを取得するアプリに取り組んでいます。私の入力フォームは少し大きく、画面全体をカバーしています。テーブルが表示されたら、テーブル ビューで自動的に下にスクロールします。angularJs の $anchorScroll を使用しました。しかし、私が望む結果を達成することはできません。また、$timeout を使用して、テーブルが既に存在するかどうかを確認してから $anchorScroll を実行しましたが、まだ成功していません。(このソリューションに基づく: $location と $anchorScroll を使用して、テーブルの行をビューにスクロールします。
私のコードを聞いてください。
HTML
コントローラ
なぜ機能しないのかわかりませんか？
CSS で id scrollArea と resultTable を定義する必要がありますか?
どんな助けでも大歓迎です。前もって感謝します。
アップデート
Okazari のソリューションに基づいて、HTML の一番下に br タグがたくさんある別の div を配置しようとしました。ページを更新すると、[開始] をクリックしなくても、その div タグまで自動的にスクロールされます。これは少し奇妙です。もカバーしてみました
id = "resultTable" の別の div タグを持つタグ。しかし、それでもうまくいきませんでした。
javascript - ルートが変更されたときにAngularJSスクロールしてトップに移動すると、アンカースクロールがURLに表示されますか?
私のangularJS Webappには2つの主な問題があります。
ルートが変化している（またはページが変化している）ときにブラウザーが一番上にスクロールするようにしたい-現在、その位置を記憶している-それはちょっと面倒だ。
サブページに 3 つの異なるタブがある 1 つのページがあります。ng-click機能とスムーズなスクロール（アンカー）でそれらをナビゲートできます
私の問題は、このアンカータグをURLに表示したいということです: about/section1 about/section2 about/section3
現在、すべて「約」にとどまっています
これが私のセットアップです：
助けてくれてどうもありがとう！
(繰り返します: 1. スクロールして一番上に移動します 2. サブアンカーが URL タグに表示されません
ios - Ionic アンカースクロールが iOS で機能しない
Ionic アプリケーションで $anchorscroll を使用しています。Android では正常に動作しますが、iOS ではスクロール後にコンテンツが動かなくなり、スクロールアップできなくなります。
overflow-scroll="true" を使用してみましたが、これも私のアプリケーションでは機能しません...
誰かがこれで私を助けてくれますか?
javascript - ウェブサイトのナビゲーション バー ボタンの 1 つが画面の正しいセクションにジャンプしない
これは私の Navbar ボタンの HTML です
したがって、ポートフォリオ ボタンをクリックすると、ポートフォリオ セクションにジャンプする必要があります。
しかし、代わりにこのセクションにジャンプ/スクロールします
私のコードはGitHubにあります。ここで見ることができますhttps://github.com/Ashpanr/Personal-Website-v1/ よろしくお願いします