Css 在边界过渡的初始点停止边界过渡

好的，这里是我有一个漂亮的小滚动条（他们已经做了死亡，但我想在我的手制作一个），我希望它滚动到X像素量的左边，这是没有问题的。问题是，如果用户将鼠标悬停在左侧并开始向后滚动文本，我希望它停止在初始起点

body {
  background-color: black;
}
.wrapper {
  position: absolute;
  left: 50%;
  margin-left: -250px;
  overflow: hidden;
  width: 500px;
  height: 300px;
  z-index: 98;
  border: 3px solid 2a3439;
  background-color: #353839;
}

.scroller {
  color: white;
  width: 1980px;
  background-color: transparent;
  height: 100%;
  position: relative;
  padding: 5px;
  margin-left: 0px;
  transition: all 2s linear 10s;
  -moz-transition: all 2s linear 10s;
  -webkit-transition: all 2s linear 10s;
}

.go-left:hover~.scroller {
  margin-left: -250px;
  transition: all 2s linear;
  -moz-transition: all 2s linear;
  -webkit-transition: all 2s linear ;
}

.go-left {
  opacity: 0;
  height: 300px;
  background-color: red;
  width: 200px;
  z-index: 99;
  position: absolute;
  top: 0;
}

.go-right {
  opacity: 0;
  height: 300px;
  background-color: red;
  width: 200px;
  z-index: 99;
  position: absolute;
  top: 0;
  left: 300px
}

.go-right:hover+.scroller {
  margin-left: 250px;
  transition: all 2s linear;
  -moz-transition: all 2s linear;
  -webkit-transition: all 2s linear;
}

.image {
  display: block;
  overflow: hidden;
  Height: 490px;
}

在那个例子中，如果你向左悬停，我不想让它移动超过它的起点，所以夹紧它。您可以在JSFIDLE上看到工作模型

使用一些java并不难，但这里最重要的是，我只需要纯CSS。没有java

---

提前感谢您的帮助

边距：0而不是-250px？我试过了，它根本不会向右滚动。srcoll right是通过增加边距来控制的，是的，这是正确的。左右滚动效果良好。问题是我希望它在到达开始点时停止向右滚动。所以，它从它的当前原点开始，滚动离开任意距离。如果用户将鼠标悬停在右侧不可见的触发点上并开始向后滚动…我希望它停止在原点。如果它已经在它的原点，我希望它什么也不做。它的原点是marign:0，我不确定你的意思。。。