問題タブ [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.
angular - ルーターアンカースクロールがマテリアルの mat-sidenav-container[fullscreen] で機能しない
アンカー スクロールはビューポートのRouterModuleスクロール可能領域に基づいており、mat-sidenav-containerifself を属性と共に使用すると 100% の高さに設定されるため、変更するfullscreenビューポート オーバーフローはありません。RouterModule
上記の例では、すべてのスクロール可能なコンテンツは 内にありmat-sidenav-contentます。
ビューポートの代わりにスクロール コンテナー参照としてRouterModule使用する方法はありますか?mat-sidenav-container
StackBlitzの例 を参照してください。全画面表示なしの作業バージョンを参照してください。
javascript - "?" を使用すると id 要素までスクロールする URL、vue.js
私はこの URL http://localhost:8080/?londonを持っており、ページ上にあるlondon の ID にロードする必要が<section id="london">.あります。http://localhost:8080/#londonは使用できますが、使用できません。
さらに複雑にするために、私は vue フレームワークを使用しており、master-origin/src/assets/js/mixins/Anchor.js 内のコードが必要です。したがって、jquery をインストールできず、バニラ js でなければなりません。
私が試してみました
/? の後の値を取得しますが、scrollIntoView を実行しようとすると、コンソールにこのメッセージが表示されます
TypeError: el.scrollIntoView is not a function at VM10022 IE work:4
なんで？私は w3 学校ガイドに従っていますhttps://www.w3schools.com/jsref/met_element_scrollintoview.asp