title: Hide scrollbar during transition in Angular Animation
body: <p>I need help on hiding scrollbar during transition . </p>
  
  <pre><code>    trigger("routeFadeState", [
    transition(":enter", [
      style({
        transform: "translateY(-100vh)"
      }),
      animate("1000ms ease-out")
    ]),
    transition(":leave",
      animate(
        "500ms",
        style({
          transform: "translateY(-100vh)",
          overflow: hidden
        })
      )
    )
  ]);
  </code></pre>
  
  <p>I'm trying to implement slideInfromTop on :enter and slideOutToTop on :leave . The screen which slideIn should occupy the full screen height and full screen width . </p>
  
  <p>During :enter , my code works perfect . the screen smoothly slidesin with neither vertical scrollbar nor horizontal scrollbar . Scrollbars don't appear at all .</p>
  
  <p>During :leave , though the screen slides out , I see scrollbars appear for a split-second . I want to get rid of that .  </p>
  
  <p>I don't use any css frameworks .</p>
  
  <p>Please help me out </p>
  
  <p><a href="https://i.stack.imgur.com/Txr2y.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Txr2y.png" alt="enter image description here"></a></p>