javascript - 单击 md-select 会在我的 <body> 中创建不必要的 "overflow-y: scroll;"

标签 javascript html css angularjs angular-material

我身上通常有:

element.style {
  -webkit-app-region: drag; 
}

但是当我点击md-select时元素(您甚至可以在此链接上看到此行为!)我添加了一些新样式。

element.style {
  -webkit-app-region: drag;
  overflow-y: scroll;
  position: fixed;
  width: 100%;
  top: 0px;
}

我尝试手动将 overflow-y 设置为隐藏,但它被覆盖了。有谁知道如何隐藏这个滚动条?

最佳答案

您的 overflow-y 被覆盖的原因是您的自定义 CSS 位于您正在使用的任何其他 CSS 之前。使用 !important 没有任何问题,但您应该知道为什么该解决方案是必要的,以便您可以在将来阻止它,甚至可以忽略将它们一起使用将您的自定义 CSS 放在您使用的其他 CSS 后面。

关于javascript - 单击 md-select 会在我的 <body> 中创建不必要的 "overflow-y: scroll;",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31382024/

相关文章:

html - 绝对 div 中的 float div 不会扩展父级。 Clearfix 似乎不起作用

html - 自定义复选框,在 :hover and :checked. 上更改不起作用

javascript - 更改文本的 Webkit 渲染问题

javascript - 用于时间表的 Acrobat javascript

javascript - AngularJS 在添加位置参数时它应该保持之前插入

html - z-index 和 anchor 标记

javascript - 如何使用innerHTML在Laravel中打印数组

javascript - Twitter Bootstrap 和 typeahead 不能一起正常工作

javascript - 将 JavaScript Promise 结果添加到隐藏输入字段

css - 设置最小宽度以适应响应式网站