javascript smoth scroling vw，vh

Question

在Javascript中使用vw和vh作为一个单元有什么问题， 即使使用requestAnimationFrame，我也无法保持平滑。 这是实际的工作示例（不是那么顺利）。 https://nikoladim123.github.io/portfo/ （还没有解决方案）

function scrolerTwo() {
  var bottomOne = document.querySelector('.bottom-slider');
  var stopid;
  var x = 1;
  var swch;
  function step(){

    stopid = window.requestAnimationFrame(step);
    if (i < 30) {
      bottomTwo.style.zIndex = 1;
      bottomThree.style.zIndex = 0;
      bottomFour.style.zIndex = 0;
      x = -x;
      swch = 1;
    }
    i -= x;
    if (swch == 1 && i >= 70) {
      cancelAnimationFrame(stopid);
      swch = 0;
    }
    bottomOne.style.top = i + 'vh';
};
step();
}