如何在网页中创建触摸式导航栏?在javascript中触摸移动

时间:2020-05-21 10:54:56

标签: javascript html nav

web.dev网站中的一个一样(在移动视图中)

我尝试过

let lastScale = 0;
backdrop.addEventListener("touchstart", e => {
  lastScale = e.touches[0].pageX;
});

backdrop.addEventListener("touchmove", e => {
  presentScale = e.touches[0].pageX - lastScale;
  if(presentScale > 0){
    nav.style.transform = `translateX(${presentScale}px)`;
  }
});

backdrop.addEventListener("touchend", e => {
  lastScale = 0;
  presentScale = 0;
});

这不能正常工作。

0 个答案:

没有答案
相关问题