问题标签 [material-design-lite]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
material-design-lite - 即使我调用 componentHandler.upgradeDom(); 汉堡图标也没有出现
根据http://mdlhut.com/2015/07/where-is-the-mdl-drawer-icon/,只要我componentHandler.upgradeDom()
在动态加载html后调用它就可以工作。只是为了确保我正确调用了 upgradeDom,我添加了按钮以查看是否添加了涟漪效应。并且按钮已更新,但未出现汉堡包图标。
如果我内联 html,则会出现汉堡包图标。
html - 想要在右上角显示菜单图标按钮。在材料设计精简版
我想移动右上角的菜单图标按钮。但它出现在标题下。我应该添加什么样的属性或属性?
javascript - 如何使 MDL 菜单在单击后保持打开状态?
我需要在 MDL 菜单中放置一个输入。问题是当我单击输入或菜单中的任何内容时,它会关闭菜单。如何使它起作用?
这是问题的一个例子。
material-design-lite - 如何使 MDL 表响应?
对于MDL 表,是否有使表响应的属性?
css - 带有 MDL 的 CSS/SCSS rgb 颜色
我正在使用 Material Design Lite 库,它通过 bower 包含在我的项目中,因此我可以构建一个只包含我需要的模块的自定义版本。
然而,当谈到颜色时,发生了一些我无法解决的奇怪事情。
在编译的 css 中,颜色被定义为..
即在形式rgb(#fff)
。这使它们无法在浏览器中工作。
这些是在 scss 中使用变量和unquote
scss 函数定义的
$button-fab-color-alt: unquote("rgb(#{$color-accent})") !default;
但是,当我检查 MDL 附带的已编译 css 时,情况并非如此。颜色被定义为color: rgb(255,255,255)
.
看起来 MDL 构建中的某些内容将颜色十六进制更改为 rgb 值......但无法确定在哪里或如何。
任何想法表示赞赏。
css - 如何在 Material Design Lite 数据表中创建扩展行
我想创建一个mdl-data-table
这样的,当我点击它时。
我的猜测只是colspan
在我选择扩展行时添加 == 列数的行。我想知道是否有比这更好的版本。使它看起来像用一些现有样式扩展而不是创建新样式的东西。
此外,如果它可以“动画化”为向下滑动推动其他元素,那将是一个奖励。
请注意,答案不必处理点击部分,而只是“扩展”部分
html-table - 如何使`mdl-data-table`的`thead`留在屏幕上
有没有办法让thead
部分mdl-data-table
停留在屏幕上?当我滚动表格但如果表格的任何部分不可见时消失。
我想知道是否可以使用不使用 Material Design Lite 的页面。
javascript - I am getting 2 scroll bars using MDL, how can I fix it?
I am getting 2 scroll bars using mdl by google. I have added my html below. How can I fix this? View code on codepen
html - 如何使材料设计精简版抽屉位置动态?
刚开始使用 Material Design lite 创建网站。好东西。
我已经设法破解标题以在滚动时保持固定在页面顶部:
HTML
等等..就像在演示中一样
CSS
现在,当我滚动时,页眉及其所有元素都停留在页面顶部;没问题。
但是,当我按下汉堡按钮打开抽屉时,只有当滚动条位于页面顶部时它才会正确显示。如果页面向下滚动,部分抽屉将被隐藏。
知道如何解决这个问题吗?
请注意,我想不出更好的方法来将标题保持在顶部,所以这可能是真正的问题(即position: fixed;
部分)