问题标签 [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.
css - 如何通过css更改单色.svg文件的颜色?
我正在使用像下面这样的 SVG 图标,我不想使用图标字体(我已经知道它更容易改变颜色)
默认情况下,此图标为黑色,我想将其更改为绿色。
用更少的努力做到这一点的最好方法是什么?
javascript - Material Design Lite 和 jQuery,平滑滚动不起作用
我无法将 jQuery 的 .animate 方法与 Google 的 Material Design Lite(MDL) 一起使用。我使用 MDL 制作导航栏,但无法平滑滚动。
简单的 jQuery 代码是这样的:
简单的html代码是这样的:
这段代码向我展示了日志“SMOOTH BEGIN”和“SMOOTH END”。但是,该链接作为普通链接工作,不像平滑。如何让 jQuery 与 MDL 一起工作?也许正在发生一些冲突,但控制台没有显示任何内容。
javascript - Material Design Lite 和 jQuery,平滑滚动有问题
昨天,我在这里问了类似的问题。
平滑滚动已经奏效。
但是,当我使用它时,平滑滚动出现了问题。
代码在这里(此存储库包括 1 个 html 文件和 1 个图像文件):
https ://github.com/MitsuhikoShimomura/mdl-error
代码的一些重要部分。
平滑滚动:
正文内容:
正确滚动
---当平滑滚动从“顶部”开始时,滚动正常。
---但是,如果滚动的目标是“顶部”,则滚动正确。
- 从“顶级”到“#1”
- 从“顶部”到“#3”
- 从“#2”到“顶级”
- ETC..
不正确的滚动
---当平滑滚动不是从“顶部”开始时,滚动不正确。
---当离开位置和到达位置相同时,滚动不工作不正确。
- 从“#1”到“#2”
- 从“#2”到“#4”
- 从“#3”到“#3”
- ETC..
我不知道为什么平滑滚动不能正常工作。
html - 修改 CSS 并查找谷歌图表表的 ID
我有两个问题。我正在尝试创建一个谷歌图表表。
A) 我需要正在创建的实际表格元素的 ID,以便我可以进行一些修改。那么,如何设置/获取表 ID?
B)如何将自定义 CSS 类添加到表格标签?我基本上想将 css 从 material-design-lite 添加到这些表中。
太感谢了!
material-design-lite - 如何单独升级一个元素及其所有子元素
使用componentHandler.upgradeAllRegistered();
升级 DOM 中的所有匹配元素,在我的情况下这是不必要的性能成本:
当我在 DOM 中插入一个元素时,从父级到根级的任何内容都不需要重新升级。只有元素及其子元素是新创建的元素,需要重新初始化。
我怎样才能实现这个功能?
一些内幕:https ://github.com/google/material-design-lite/issues/871
modal-dialog - 如何在 Material Design Lite 中使用模态弹出窗口?
我最近开始使用最新的桌面版 Google Material Design Lite,我认为它没有弹出模式,并且团队还没有在下一个版本中实现它。
我试图将引导模型包含在其中,但那不起作用,感染似乎很混乱,我相信类/样式相互冲突。
有什么想法可以作为替代品吗?
谢谢你的帮助。
navigation - 右侧的 Material Design Lite (MDL) 导航抽屉
我正在使用适用于 Web 的 Google Material Design Lite (MDL),但无法将导航抽屉放在右侧。该文档没有有关如何执行此操作的信息。这甚至可能吗?
默认抽屉始终来自左侧。
javascript - 使用 Angular 路由时如何升级 Material Design Lite js 组件?
我知道 MDL js 组件(如文本字段、菜单和选项卡)在文档加载时默认加载和升级,但在使用角度路由时不会在模板上发生。此时,我正在使用它,但它只是让我的组件在用户第二次访问视图时正常工作:
无论如何在用户第一次进入视图之前升级模板上的组件,或者类似的东西?我被困在这个问题上。
javascript - 具有行详细信息的响应式网格
我正在寻找响应式网格系统。线索是,我还需要Row Details
单击/选定单元格(单元格详细信息?可扩展?)之类的东西。
例如:pr0gramm.com
它非常接近我的功能。
列:
- 桌面:4
- 平板电脑:3
- 电话:2
一行中的所有 4 列,我可以在所选单元格的行之后附加一个新的 div。见:http: //i.stack.imgur.com/FcbfO.png
一行中有 4 列中的 3 列(div 中仍然有 4 列)我得到了这个结果:http: //i.stack.imgur.com/5raJE.png
是否有任何框架或类似的东西?还是我必须自己实现这个js
?
mobile - 使用 MDL 框架修复标题和隐藏(滚动)地址栏移动浏览器?
示例模板: ANDROID.COM MDL SKIN - getmdl.io/templates/android-dot-com/index.html
github: android.com 示例
这个固定头在手机上。截图
如何隐藏地址栏(滚动)?屏幕截图中的数字 2。