問題タブ [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 - AngularJS - $anchorScroll スムーズ/持続時間
要素へのスクロールをスムーズにする期間/イージングオプションを使用できるかどうかはわかりませんでした。$anchorScroll
それは言うだけです：
私はjqueryを使用していませんし、使用したくありません。$anchorScrollスクロールをよりスムーズにするために作成または拡張するための巧妙でシンプルな方法はまだありますか?
angularjs - 水平スクロール可能なdivを自動的にスクロールしようとしています
ディレクティブがビューに配置されているディレクティブ内に含まれる水平スクロール div があります。スクロール可能な div に要素を追加すると、常に div の最後までスクロールしたい。スクロールしたい要素に id を配置し、$location.hash('myElementId') を設定することで、これを実行しようとしています。次に、$scrollToAnchor() を呼び出します。
2 つの問題が発生しています。まず、私はこれをまったく機能させることができず、水平スクロール可能な領域で $scrollToAnchor() が機能するかどうか疑問に思っています。次に、$scrollToAnchor() を呼び出すと、ビューに含まれるすべてのディレクティブのすべての controller() 関数と共に、ビューの controller() 関数が再度実行されるようになり、ビュー上のすべてが効果的に再描画されますが、これはそうではありません。私の意図。
特定のスクロール可能な div に対してのみスクロールを発生させる方法はありますか? $scrollToAnchor() は設計によりビューの「リフレッシュ」を引き起こしますか?
ありがとう
javascript - AngularJS: カスタム $anchorScroll プロバイダーの実行
ページのリロード時に特定のアンカー タグまでスクロールする必要があります。$anchorScroll を使用してみましたが、$location.hash() を評価しますが、これは必要なものではありません。
$anchorScrollProvider のソース コードに基づいてカスタム プロバイダーを作成しました。その中で、rootScope の $watch リストに値を追加し、変更時に $evalAsync を呼び出します。
プロバイダー:
ここで、コントローラーでスクロール プロバイダーを呼び出そうとすると、scroll () を呼び出す前に $scope.$apply() でダイジェストを強制する必要があります。
コントローラ：
なぜ $scope.$apply() を呼び出さなければならないのですか? 現在のスコープ内で呼び出されたときにスクロール関数が Angular コンテキストで評価されないのはなぜですか? ご協力ありがとうございました！
html - 固定位置ナビゲーションでアンカー表示位置を制御する方法
私は単一ページのスクロール可能な Web サイトを作成しており、リンクをページに沿ってアンカーに設定しています。アンカーがデフォルトでページの上部に表示され、固定ナビゲーション バー (高さ 73px) で覆われていることを除いて、すべて正常に動作します。表示位置を上から73px下に設定する方法はありますか？すべての要素には、すでに位置、パディング、マージンなどがあります:-/
ここにウェブサイトがあります http://www.drawlight.net/wordpress/?page_id=1784
本当に助かりました！
ジュリアナ。
angularjs - AngularJS - スムージング $anchorScroll();
Web アプリには、導入した多くの領域があります$anchorScroll();
実際の機能は、リンクをクリックすると、ユーザーが対応するセクションに移動することを期待していますが、その移動はスムーズなスクロールではなく、セクションへの「ジャンプ」です。
ここに私が作成した簡単なフィドルがあります: http://jsfiddle.net/oampz/ZRLKC/
私のjs：
ここにある効果を達成しようとしています（jqueryまたは他のライブラリを使用せずに）：http://www.surrealcms.com/blog/smoothly-scroll-to-an-element-without-a-jquery-plugin