CSS overscroll-behavior滚动阻止实例页面

展示

代码

• HTML：

  <zxx-scroll>
  <p>《CSS新世界》这本书写在现在已经写了6个月了，差不多1个月2章的速度，比预期的要快。</p>
  <p>第1本书《CSS世界》大约400页写了9个月，第2本书《CSS选择器世界》大约200页写了5个月，现在这本书700页预计8个月写完，速度还是很给力的。</p>
  <p>我写书速度这么快，主要是因为平时积累得足够多，内容都已经在脑中，不会边写边学边整理，那样就慢了。</p>
  <p>另外一个原因就是坚持，虽然工作繁忙，经常回到家已经10点甚至11点了，但还是会打开电脑写作，几百字也是写啊。虽然字数少，但是日积月累下来，就会发现对于写作速度的提升确实有帮助。</p>
  </zxx-scroll>

• CSS：

  zxx-scroll {
      display: block;
      width: 280px; height: 200px;
      padding: .5em 1em;
      margin: 5em auto;
      border: solid deepskyblue;
      overflow: auto;
      overscroll-behavior: contain;
      -ms-scroll-chaining: contain;
  }