ScrollIntoView() によって水平方向のページ移動が発生するのはなぜですか?

ScrollIntoView() による水平方向のページ シフト

ScrollIntoView() を使用してスクロール コンテナ内の特定の項目を表示すると、ページ全体が予期せず水平方向に移動します上にスクロールすると発生する可能性があります。この問題は、スクロール コンテナがページ内で固定的に配置されている場合に特に発生します。

この動作を修正するには、次のコードの使用を検討してください。

element.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'start' })

このコードでは、scrollIntoView( ) function:

• behavior: 'smooth': スムーズなスクロールを提供します。 anime.
• block: 'nearest': コンテナをビューポートの最も近い端までスクロールします。
• inline: 'start': 要素をビューポートの先頭に (水平方向に) 位置合わせします。

inline:'start'を指定することで、ページの横ずれを防ぎます。特定の要件に基づいて、最も近い値と開始値を調整する必要がある場合があることに注意してください。

以上がScrollIntoView() によって水平方向のページ移動が発生するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。