让overflow:auto 不显示滚动条，又不失滚动的效果呢

你可以使用伪元素将滚动条隐藏起来，同时保留滚动的效果。以下是一个实现的例子：

.element {
  overflow: auto;
  height: 200px;
  position: relative;
}

.element::-webkit-scrollbar {
  width: 0.5em;
}

.element::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

.element::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 1em;
}

.element::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

在这个例子中，我们使用了 `::before` 伪元素来覆盖滚动条的位置，并将其 `z-index` 设置为比内容区域更高的层级。这样，滚动条就被隐藏了起来，但仍然可以进行滚动。同时，我们使用了 `-webkit-scrollbar` 系列的属性来修改滚动条的样式。

相关问题

overflow:auto 隐藏滚动条

的方法是什么？

在 CSS 中，可以使用 "overflow: hidden" 来隐藏滚动条。这样，如果内容超出了容器的大小，将不会显示滚动条。

例如：

div {
  overflow: hidden;
}

fixed设置max-height和overflow:auto 在手机上没有滚动条和滚动效果

在手机上没有滚动条和滚动效果可能是由于以下原因：

1. 你的手机浏览器不支持滚动条和滚动效果。你可以尝试使用其他浏览器或更新浏览器版本。

2. 如果你的fixed元素设置了z-index属性，那么可能会导致滚动条无法显示。你可以尝试将fixed元素的z-index属性设置为0或更低。

3. 如果你的fixed元素的父元素也设置了overflow:hidden属性，那么也会导致滚动条无法显示。你可以尝试将父元素的overflow属性设置为auto或scroll。

4. 如果你的fixed元素的高度超过了视口高度，那么也会导致滚动条无法显示。你可以尝试减小fixed元素的高度或使用position:absolute来代替fixed。

希望以上解决方案能够帮助你解决问题。