我有多个元素，我使用transform:translate在过渡效果中添加幻灯片。这很有效。我遇到的问题是因为元素最初不在屏幕上，所以滚动条会出现，直到元素转换并滑过。
我使用路标指向滚动点，我看到了滚动条没有出现的其他场景（从页面滑出）。
如何确保滚动条不会出现在我页面上的这些转换元素上？
到达航点时，active类会添加到phone-slide。
#phone-slide {
width: 65%;
display: block;
height: auto;
position: absolute;
right: -50%;
margin: 10px 0;
opacity: 0;
transition: 1s;-webkit-transition: 1s;
}
#phone-slide.active {
opacity: 1;
transform: translateX(-50%);-webkit-transform: translateX(-50%);
transition: 1s;-webkit-transition: 1s;
}