试图阻止水平滚动

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;到父元素.