css 溢出“可见”和溢出“滚动”相同的风格

gg58donl  于 2024-01-09  发布在  其他
关注(0)|答案(2)|浏览(119)

对不起,如果我的问题没有意义。然而,在我的情况下,我需要都是活跃的同一风格名称。有什么技巧来实现这一点?

.side-nav {
  position: fixed;
  width: 300px;
  left: 0;
  z-index: 999;
  top: 60px;
  margin: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  height: 100%;
  height: calc(100% + 60px);
  height: -moz-calc(100%);
  padding-bottom: 60px;
  padding-top: 30px;
  background-color: #fff;
  overflow-y: auto;
  will-change: transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateX(-105%);
          transform: translateX(-105%);
          overflow: visible;
}

字符串

whhtz7ly

whhtz7ly1#

它们不能同时在同一个元素上处于活动状态。“visible”表示内容在元素边界之外可见。“scroll”(和auto)表示元素将滚动显示超出元素边界的内容。

igsr9ssn

igsr9ssn2#

这里是Bootstrap. Idk中的一个解决方案,如果有帮助的话,但是你也可以使用样式而不使用bootstrap!
一个水平可滚动的“carousel”样式的行,没有滚动条

/* Hide scrollbar for Chrome, Safari and Opera */
*::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
* {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

个字符

相关问题