我如何浏览内容和坚持段落

Question

对于我的网站，我有一个div是400 in宽到200 in的高度。我在这个盒子里有很多文字，它是用来滚动的。我想设置它，以便当我滚动向下通过div，每一段坚持，直到你滚动到足以让下一个快速上升。我想要一个几乎反弹的效果，因为新的一个幻灯片，如我是手动快速滚动，然后缓慢，然后我停止。如何通过CSS3和HTML5或JavaScript对其进行编码？

Answer 1

这里有一篇很棒的新文章(由SARAH撰写)，它提供了一个关于您正试图实现的目标的示例：CSS涡旋扣点

新的CSS涡旋扣点规范非常新，并不是所有浏览器都支持，但是您应该使用聚脂填充来添加必要的支持。

这个css的魔力就发生了

  -webkit-scroll-snap-points-y: repeat(100%);
      -ms-scroll-snap-points-y: repeat(100%);
          scroll-snap-points-y: repeat(100%);

  -webkit-scroll-snap-type: mandatory;
      -ms-scroll-snap-type: mandatory;
          scroll-snap-type: mandatory;

  -webkit-scroll-snap-destination: 100% 0%;
      -ms-scroll-snap-destination: 100% 0%;
          scroll-snap-destination: 100% 0%;

下面是一个代码依赖的it http://codepen.io/sdras/pen/43c9d13b23bc34a85bb3a5e2ea985958示例