Question

我安装了一个 .scrollIntoView 元素，并指定了内容必须滚动到的位置。但是，当我在网站上对其进行测试时，单击触发scrollIntoView函数的按钮后，该函数运行良好，它会滚动到所需位置并显示包含它的所有内容，但是 WHOLE 页面在左位置上略有偏移。

注意：在台式机上，它并不是很引人注目，但是在移动设备或平板电脑上，很明显，左边的大约10％的内容是从屏幕上切出的。

关于如何防止整个页面向左移动的任何想法？

。

  <div class="scrolltohere"></div>



<script>
function myFunction() {
  var elmnt = document.getElementsByClassName("scrolltohere");
  elmnt[0].scrollIntoView({behavior: "smooth", block: "start", inline: "start"}); 
}
</script>

Answer 1

我得到了答案，所以基本上问题是内联被设置为“开始”，或者将其删除或将其更改为“最近”都解决了页面向左移动的问题。

更改

  elmnt[0].scrollIntoView({behavior: "smooth", block: "start", inline: "start"});

对此

elmnt[0].scrollIntoView({behavior: "smooth", block: "start", inline: "nearest"});

.scrollIntoView将页面稍微向左移动

1 个答案: