个人中心
文章发布
退出
作者热门文章
- 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
关闭。这个问题需要多问focused 。目前不接受答案。 想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 9 年前。 Improve this ques
关闭。这个问题是not reproducible or was caused by typos .它目前不接受答案。 这个问题是由于错别字或无法再重现的问题引起的。虽然类似的问题可能是on-topi
在main()中声明其原型(prototype)的函数的返回数据类型为void。它包含一个指令返回；如 main() { void create(int *p); *some code
我想知道这个 scala 符号是什么:_@。 (搜索引擎无法识别奇怪的字符，因此很难在 google 上找到任何内容...) 这里是上下文: def doNodeParse(json: JValue)
在尝试编译我的项目时，它使用了一些第三方头文件，使用 mingw 4.4，我遇到了以下错误: Assembler messages: Error: junk at end of line, first
我正在解决 picoCTF 上的二进制漏洞利用挑战，并遇到了这段代码: ((void (*)())buf)(); 哪里buf是一个字符数组。 我解决了挑战，但似乎无法理解它到底在做什么。我看了this
我正在浏览 React Navigation docs我在那里遇到了这样的事情: import Ionicons from 'react-native-vector-icons/Ionicons';
selenium 中以下命令的含义是什么？ 我尝试创建一个自动测试用例。然后如下://button[@type='submit'] 我在 selenium 工具中看到的语法。 最佳答案 这是一个 XP
我刚开始看书学习 C 语言，对他们讨论指针和数组的部分并没有感到困惑。如果有一个名为 a[NUM_ROW][NUM_COLS] 的多维数组(我只是将此数组讨论为特定的二维数组)，那么 a[0] 是什么
这个问题在这里已经有了答案: How does "while(*s++ = *t++)" copy a string? (17 个答案) 关闭 9 年前。 我有一个代码块: int main ()
我没有在我的代码中处理 SIGCHLD。我的进程在终止后仍然立即被删除。我希望它成为僵尸进程。 如果我将 SIGCHLD 设置为 SIG_DFL 那么它会起作用吗？如何将 SIGCHLD 设置为 SI
我已经使用 matplotlib 一段时间了，但我并不真正理解这一行的作用。 fig, ax = plt.subplots() 谁能解释一下？ 最佳答案 plt.subplots() 基本上是一个(非
我很难理解以下声明的含义。这个申报标准吗？ double* (*p[3]) (void* (*)()); 谁能帮我理解这个声明的意思？ 最佳答案 阅读复杂声明的规则:找到最左边的标识符并向外工作，记住
关闭。这个问题需要details or clarity .它目前不接受答案。 想改进这个问题吗？ 通过 editing this post 添加细节并澄清问题. 关闭 8 年前。 Improve t
我正在学习如何并行运行多个进程 ./script1.sh param1 1>/dev/null 2>&1 & pid1=$! ./script1.sh param2 1>/dev/null
我看到这些事件散布在 chaplin 示例代码中，但在文档或源代码中没有任何解释。似乎这意味着它是一个全局事件，触发了一个 Action 。那是对的吗？它们只是一个惯例，还是以某种方式强制执行？ #
((void(*)(void))0)(); 所以我们将整数 0 类型转换为这个棘手的类型 (void(*))(void) 然后执行它。消息来源声称这应该有效，但实际上是什么？ 我想这一定是像 #def
这个问题在这里已经有了答案: How does this JavaScript/jQuery syntax work: (function( window, undefined ) { })(win
if(a .feq. 5.0_dp) then **** if(a .fne. 5.2_dp) then ***我遇到了一些这样的代码。 .feq 有什么作用？或.fne。意思？是“=”还是“\=”？
所以我在阅读泛型方法时感到很困惑。先说一下这里的问题: 在这个例子中:假设我需要一个适用于任何类型 T 的 selectionSort 版本，方法是使用调用者提供的外部可比较对象。 第一次尝试: pu
我是一名优秀的程序员,十分优秀！