pc端网页html 如何实现无滚动轴的y轴滑动

要在PC端网页中实现无滚动轴的y轴滑动，可以结合使用CSS属性`overflow: hidden`和JavaScript实现。

具体实现步骤如下：

1. 在CSS中，设置滚动区域的高度和宽度，并且设置`overflow: hidden`隐藏滚动条。

.scroll-area {
  height: 300px;
  width: 100%;
  overflow: hidden; /* 隐藏滚动条 */
}

2. 在HTML中，创建一个滚动区域的容器，将内容放置在其中。

<div class="scroll-area">
  <div class="scroll-content">
    <!-- 滚动区域的内容 -->
  </div>
</div>

3. 在JavaScript中，监听滚动事件，根据滚动距离改变滚动区域的`transform`属性，实现滚动效果。

const scrollContent = document.querySelector('.scroll-content');
let startY, currentY = 0;

scrollContent.addEventListener('mousedown', e => {
  startY = e.clientY;
});

scrollContent.addEventListener('mousemove', e => {
  if (startY !== undefined) {
    const deltaY = e.clientY - startY;
    const newScrollTop = currentY - deltaY;
    scrollContent.style.transform = `translateY(${newScrollTop}px)`;
  }
});

scrollContent.addEventListener('mouseup', e => {
  const deltaY = e.clientY - startY;
  currentY = currentY - deltaY;
  startY = undefined;
});

scrollContent.addEventListener('mouseleave', e => {
  const deltaY = e.clientY - startY;
  currentY = currentY - deltaY;
  startY = undefined;
});

这样就可以实现一个在PC端网页上无滚动轴的y轴滑动区域了。需要注意的是，该方法使用了原生JavaScript实现，可能会有一定的兼容性问题。如果需要兼容多个浏览器，可以使用第三方库，如iScroll。