Javascript 正在尝试停止水平滚动

我已经创建了一个div并设置了它的初始位置

<div class="guide" >
<style>
  .guide{
    height:150px;
    width:200px;
    position:absolute;
    right:-170px;
    top: 10%;
  }
</style>

.指南{
高度：150像素；
宽度：200px；
位置：绝对位置；
右：-170px；
排名前10%；
}

当我点击div时，它应该从右边显示出来。 问题是窗口提供了水平滚动，所以如果一个人向右滚动，div完全可见。 我想停止水平滚动，这样，如果用户点击div，那么只有它是可见的。

---

现在，如果有人解释为什么它会追求-ve像素，因为有时它不会超越-ve像素，有时它会超越，为什么？

Add

overflow-x:hidden到父元素。
水平滚动条：
overflow-x：隐藏

垂直滚动条：
overflow-y：隐藏

两者：
溢出：隐藏
使用隐藏父div的垂直滚动条

overflow-x: hidden;

给定父容器溢出：隐藏。这是你想要的吗？请解释它超出了-ve像素@先生_Green@PJ1405如果您将overflow:hidden指定给该容器，它将不会滚动超过负像素。您的答案与其他已存在的答案有何不同？