为什么 ScrollIntoView() 会导致水平页面移动？

ScrollIntoView() 导致水平页面移位

使用 ScrollIntoView() 将特定项目带入滚动容器中的视图时，整个页面会出现意外的水平移动向上滚动时可能会发生。当滚动容器固定位于页面内时，尤其会出现此问题。

要纠正此行为，请考虑使用以下代码：

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

此代码向scrollIntoView( ) 功能:

• 行为: 'smooth': 提供平滑滚动动画。
• block: 'nearest'：将容器滚动到视口的最近边缘。
• inline: 'start'：将元素在视口的开头对齐（水平）。

通过指定 inline: 'start'，我们可以防止页面的水平移动。请注意，最近值和起始值可能需要根据您的具体要求进行调整。

以上是为什么 ScrollIntoView() 会导致水平页面移动？的详细内容。更多信息请关注PHP中文网其他相关文章！