个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在尝试使用 Material-UI 构建我的界面(当前版本是 3.1.2。)
不久前，当我使用 Bootstrap4 时，我将 style="overflow-y: scroll; height: 100%" 添加到我的 head 标签中，以始终显示一个当页面内容变得比屏幕长时，滚动条会阻止应用跳来跳去。
现在我正在尝试使用 Material-UI，当与 Material-UI 的弹出组件(popper、菜单等)结合使用时，溢出设置似乎会导致问题
我在常见问题解答中读到这是一个已知问题，有解决方法:https://material-ui.com/getting-started/faq/#why-do-the-fixed-positioned-elements-move-when-a-modal-is-opened-
但我不确定那要我做什么。以下短语“应用全局类”暗示了什么？
"apply a global .mui-fixed class name ... to handle those elements."
他们打算在哪里将 mui-fixed 添加到我的应用程序中的每个组件？到菜单/波普尔的 anchor ？或者他们的意思是我应该“全局”应用它(即，在 React 页面组件层次结构的高层？)
与此同时，作为一种解决方法，我刚刚从我的 html 元素中删除了溢出样式。当内容在页面大小上增长/缩小时，应用程序内容仍然会跳跃，但它看起来不像我使用 Bootstrap 时那么难看。
我尝试将 mui-fixed 类添加到我的主体中，因此当应用程序启动时，它看起来像:
<body style="overflow-y: scroll; height: 100%" class="mui-fixed">
所以当页面很短的时候，有一个disabled scrollbar。如果页面变大，滚动条将启用。
然后，在显示菜单弹出窗口时，Material-UI 将其更改为:
<body style="overflow: hidden; height: 100%; padding-right: 17px;" class="mui-fixed">
不管内容的长度如何，它看起来都不错。但是当菜单被关闭时，Material-UI 将 body 元素更改为:
<body style="height: 100%; padding-right: 0px;" class="mui-fixed">
溢出样式消失了，如果页面内容比窗口短，这会导致滚动条被完全删除 - 因此页面内容“跳跃”以填充缺失滚动条的空间。
最佳答案
如果我弄对了，这是滚动条的，那么它将“全局”应用一次。
关于css - "apply a global class name"是什么意思？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52799402/
25
4
0
我已经在我的电脑上安装了 node.js，当我运行这个命令时它给了我这个错误，我该怎么办？？？ npm WARN config global `--global`, `--local` are dep
在 PHP 中，我想知道 GLOBAL 和 GLOBALS 之间的区别。 一些例子: print_r($GLOBALS); 最佳答案 这是与同一事物相关的两个不同事物:全局变量。 $GLOBALS -
在某些 SCSS 文件中，我看到以下内容: :global { /* ... */ } 不知道是SCSS特性还是CSS特性。我尝试搜索它，但第一眼找不到任何好的结果。 最佳答案 此运算符用于 CS
我正在考虑向 JSON 添加注释并找到 this script在处理使 JSON 有效之前将它们去除。我只是想了解如何使 JSON.minify() 函数可用？ 开始于 (function(globa
在我的 React 应用程序中，我尝试使用 react-widgets package 中包含的 DateTimePicker 组件.我还通过 reactstrap 使用 Bootstrap 4 组件
全局变量的作用域是所有文件，而静态全局变量的作用域只是它所在的文件被宣布。为什么这样？ 全局或静态全局变量存储在内存中的什么位置？ 最佳答案 有一些混淆，因为 C 中的 static 可能意味着两种不
我尝试从 Marko 组件访问全局变量，但收到 Uncaught ReferenceError: out is not Defined。 class { onClick(event) {
这个 fiddle 在 IE 和 FF 中返回正确的值“5,5”，但在 Chrome 中它返回“5.5” fiddle :http://jsfiddle.net/4tvSH/ Globalize.cu
我对 python 很陌生，我尝试制作一个简单的 GUI 程序。但是，我遇到了一个“问题”，确切地说是一个警告，上面写着:“m”未在全局范围内定义(Python(变量未定义全局))。 我知道如果你想在
将变量初始化为 global var 或调用 globals().update(var) 有什么区别。 谢谢 最佳答案 当你说 global var 您是在告诉 Python var 与在全局上下文中
我正在开发 ASP.NET Web 应用程序，对于未处理的异常，我正在使用Global.asax 文件 我在其中编写了将错误日志写为 的逻辑 Sub Application_Error(ByVal s
这是我的第一篇 StackOverflow 帖子。提前致谢!我在这里找到了很多答案，但在网络上的任何地方都找不到有关我当前问题的任何信息。 =( 我有一个 C# 服务，我已经使用 Visual Stu
问题: 我正在尝试将对我的 MongoDB 数据库的查询结果有效地分配给全局数组。我基本上尝试将对全局数组的引用存储在一个数组中，以便我可以将 for 循环中的查询结果分配给所有这些引用。 这似乎是不
我想看看 Node.js 中 global.process 的构造函数是否存储在任何地方。 例如，在网络中，构造函数很容易获得。例如，window 的构造函数是window.Window。所有构造函数
Tell me about the difference between global.asax and global.asax.cs ? 和 If i click the both file in
全局对象作为顶级词法环境(如果你愿意的话，在作用域链的顶部)。这意味着可以通过直接引用(如变量)访问全局属性: // global code this.foo = 1; // creat
如何修复 Depricated 警告消息 (node:6136) DeprecationWarning: 'GLOBAL' is deprecated, use 'global' 在我的代码中，我使用
在我的本地发布文件夹中，我有 Global.asax 和 Global.asax.cs，其中 Global.asax 未更新(日期为一个月前)和 Global.asax .cs 已更新。 我检查了 G
我有下面的代码，自动生成: $ react-native init RepeatAloud 应用程序.tsx /** * Sample React Native App * https://git
在 Node-red 仪表板上，我想以不同的流量显示相机流。背后的想法是在每个流上显示相机。 为了显示相机流，我使用了 iFrame。一切正常，但我必须为每个单独的 iFrame 提供流的 URL。
我是一名优秀的程序员,十分优秀！