角度材质对话框未居中不会阻止正文滚动
是指在前端开发中，当使用角度材质对话框组件时，如果对话框未居中显示，会导致正文内容可以继续滚动的问题。
角度（Angular）是一种流行的前端开发框架，它提供了丰富的组件和工具，用于构建现代化的Web应用程序。材质对话框是Angular Material库中的一个组件，用于创建美观且交互性强的对话框。
当材质对话框未居中显示时，可能是由于CSS样式设置不正确或者缺少必要的布局属性导致的。为了解决这个问题，可以采取以下步骤：
- 确保对话框组件的父容器具有正确的布局属性。可以使用Flex布局或者Grid布局来实现居中对齐。例如，使用Flex布局可以将父容器的样式设置为：
display: flex; justify-content: center; align-items: center;。 - 检查对话框组件的样式设置。确保对话框的宽度和高度设置合适，并且使用
margin: auto;来实现水平和垂直居中。 - 如果对话框组件包含在其他组件或者页面中，确保父组件或者页面的样式设置不会干扰对话框的居中显示。可以使用CSS的层叠样式表（CSS）选择器来针对对话框组件进行样式设置，以避免冲突。
总结起来，要解决角度材质对话框未居中不会阻止正文滚动的问题，需要正确设置对话框组件的布局属性和样式，并确保父容器和其他组件或页面的样式设置不会干扰对话框的居中显示。
腾讯云提供了一系列与云计算相关的产品和服务，其中包括云服务器、云数据库、云存储等。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于腾讯云的产品和服务信息。
相关·内容
我的应用程序中有angular材质对话框，但与angular material网站上的示例不同，这些对话框不会在屏幕中心渲染，更大的问题是它们允许背景滚动。这意味着用户可以在背景上滚动，并且对话框有时会从可视窗口消失。 我在ScrollStrategy上见过很多例子，但这些例子都不起作用。这种行为难道不应该“只起作用”吗？
浏览 33提问于2020-11-02得票数 0
回答已采纳
今天，我注意到我的应用程序中所有的Angular Material 10对话框现在都有了滚动条，尽管几天前不是这样的。截至最近，未更改任何依赖项或对话框样式。如in the documentation所示，对于角度材质10和11，对话框都有相同的问题。 是什么导致了这个问题?我们可以做些什么来解决这个问题？ 不需要的滚动条： ?
浏览 9提问于2020-12-09得票数 0
回答已采纳
2回答
我需要通过单击复选框的标签来阻止复选框的选中。 我使用角度材质复选框。 我部分使用了preventDefault()方法，但如果我单击标签，复选框仍会显示焦点样式。我需要的是:如果我点击标签，复选框不会发生任何变化(未选中，未聚焦)。
浏览 22提问于2021-06-23得票数 0
回答已采纳
尝试在最新版本(1.1.4)中使用角度材质粘性脚注。这看起来像是在老版本(am 0.8.3)中起作用了，但现在内容似乎滑到了页脚下面。我尝试了一种不同的方法，但这不能保持内容的灵活性，所以我不能像我想的那样将内容垂直居中。="center center"> </div></div>
注意:我希
浏览 0提问于2017-05-08得票数 1
5回答
我正在尝试在滚动窗口中居中显示一个模式对话框。此模式是绝对位置，因为必须在屏幕上可拖动。我使用这个插件来实现可拖动的功能：
我的问题是，这个模式有绝对的位置，如果我把顶部: 50%它显示在中心窗口，但没有考虑所有滚动窗口。
浏览 3提问于2012-09-26得票数 7
被认为是网站的良好实践吗？使用模式窗口让我担心的一件事是，它非常像一个弹出窗口，它可能会让用户感到沮丧，或者因为它具有侵入性而导致用户简单地关闭它。你知道有什么关于用户偏好和使用率的研究吗？
浏览 48提问于2008-10-15得票数 18
回答已采纳
10回答
我使用角5和角材料(最新版本)，我试图打开一个对话框从一个网页。当我单击触发打开的按钮时，整个网站都处于空白的背景中，就像对话框正在叠加内容并将其全部隐藏起来一样。) { }
this.dialogRef.close(); }
这是打开对话框的方法console.log('The dialog was closed');
浏览 7提问于2017-12-12得票数 19
是否可以在打开jQuery UI模式对话框时禁用浏览器中的滚动(仅用于浏览器的滚动条)。
注意:我确实希望在对话框中启用滚动
浏览 2提问于2011-02-03得票数 53
回答已采纳
11回答
我在角度材料中有这样的选择：其代码：
<md-select placeholder="Descuentos y convenios" [(ngModel)]="passenger.discount
浏览 10提问于2017-04-28得票数 35
回答已采纳
为了防止当用户启动滚动轮时，当光标放在旋钮上时，文档不会滚动，我尝试在JQuery knob周围的DIV元素上注册一个事件处理程序，该元素捕获onwheel事件。为了实现这一点，我刚刚将下面的代码插入到init()函数的正文中。这确实防止了当鼠标轮启动时，当光标放在旋钮上(或者更确切地说，包含它的DIV )时，文档不会滚动。然而，它也阻止鼠标轮驱动旋钮本身，这就违背了整个目的。我不明白为什么捕获事件在周围的DIV阻止旋钮被驱动使用滚动
浏览 2提问于2018-01-04得票数 3
回答已采纳
4回答
是否可以使角度材质对话框可拖动？我安装了angular2-draggable，当然可以在所有其他元素上使用该功能。但是因为对话框是动态创建的，所以我不能在特殊元素上使用ngDraggable，也不能使用模板变量。
浏览 3提问于2017-11-27得票数 42
我尝试使用solution 来解决这个问题，滚动到所选项目并将其设置为中心。但目前，有时行为似乎起伏不定，因为发生的情况是，列表框中的第一项首先显示，然后跳转到所选的项。有没有其他的替代方案？
浏览 2提问于2010-08-12得票数 0
回答已采纳
我想我已经知道这个问题的答案了，但是一位同事似乎认为永远不应该有水平滚动条，网站应该根据用户的屏幕宽度调整大小。
浏览 0提问于2010-10-20得票数 2
回答已采纳
16回答
高度，所以页面(1)上有一个垂直滚动条。在第(2)页，我有相同的布局(菜单，div，...etc)，但内容较少，所以没有垂直滚动条在那里。问题在于，在页面(1)上，滚动条似乎将元素稍微推到左边(将-向上加到宽度？)当每件事情看起来都很好的集中在页面(2)上。它在IE10和FireFox (非干扰滚动条)上确实正常工作，我只在Chrome上遇到了这种情况。
浏览 1提问于2013-08-31得票数 205
回答已采纳
5回答
我在我的应用程序中使用材料选项卡(mat-tab-group中的mat-tab)当选项卡数量超过可显示的数量时，将显示两个导航按钮来显示其他选项卡：我的要求是使用户能够在选项卡栏上滚动，以便显示其他选项卡
浏览 0提问于2018-07-27得票数 4
2回答
Thread.Sleep(t); } }
正如我从test3和test4方法中看到的，await确实是等待的，它不会进入状态机并在稍后执行回调
浏览 3提问于2019-10-25得票数 2
回答已采纳
29回答
我正在使用Bootstrap和Parse框架来构建一个小型web应用程序。但是那些Bootstrap模态在关闭后继续向身体添加填充。如何解决这个问题？ 我试着把这段代码放到我的javascript中： $('.modal').on('hide.bs.modal', function (e) {}); 但它不起作用。有人知道怎么解决这个问题吗？ 我的代码： Admin panel
浏览 232提问于2015-09-30得票数 123
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
