试图阻止水平滚动

Question

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

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

当我点击它应该从右侧出来时我想要的是什么。 问题是窗口正在提供hrizontal滚动，所以如果一个人向右滚动，div就完全可见了。 我想停止水平滚动，这样如果用户点击div，那么只有它可见。 现在，如果有任何一个机构解释为什么它会追求-ve像素，因为有时它不会超越-ve px，有时它会发生，为什么呢？

Answer 1

将overflow-x: hidden;添加到父元素。

Answer 2

水平滚动条： overflow-x: hidden;

垂直滚动条： overflow-y: hidden;

两者：overflow: hidden;

Answer 3

使用

隐藏父div的垂直滚动条

overflow-x: hidden;