隐藏带有css和[ngStyle]问题的辅助滚动条

62lalag4 于 2022-12-20 发布在其他

关注(0)|答案(2)|浏览(129)

我有一个页面，里面的内容是动态添加的，但是有些内容需要滚动，我不想有两个滚动，太难看了。
我试过一些方法，但似乎都不起作用
css现在看：

element {
  -ms-overflow-style: none;
  scrollbar-width: none; 
  overflow-y: scroll; 
}

element::-webkit-scrollbar {
  display: none; 
}

我还想检查一下这段代码是否有不兼容的地方

<section id="banner" [ngStyle]="{ 'background': 'url(' + this.imgCenario + ') center/100% no-repeat', 'background-color': 'rgb(234,239,239)'}"
    [ngClass]="classBanner" class="imageContainer">

背景色应用，但当图像加载它消失了，我可以输入它通过控制台，但我认为我错过了一些东西在这里。有没有办法做到这一点或它将始终使图片的主要设置，即使图片没有覆盖整个地区

css

来源：https://stackoverflow.com/questions/73789083/hiding-secondary-scrollbar-with-css-and-ngstyle-question

2条答案

按热度按时间

eiee3dmh1#

关于背景色和背景图像属性也有一个类似的问题。
CSS: background image on background color
当你使用background-color的时候，看起来像是你的background-image被覆盖了，正如你所看到的here，你可以只使用background属性来提供颜色和图像，类似于[ngStyle]="{ 'background': 'url(' + this.imgCenario + ') center/100% no-repeat rgb(234,239,239)'}"

赞(0）回复(0）举报 2022-12-20

k4emjkb12#

对于卷轴我发现了问题，我叫错了

*::-webkit-scrollbar {
  display: none;
}

* {
  font-family: "Rubik", sans-serif;
  margin: 0;
  padding: 0;
  overflow: auto;
  -ms-overflow-style: none; 
  scrollbar-width: none; 
  overflow-y: scroll; 
}

赞(0）回复(0）举报 2022-12-20

我来回答

隐藏带有css和[ngStyle]问题的辅助滚动条

2条答案

相关问题

热门标签

最新问答