如何随着页面滚动角度材料垫菜单弹出？
随着页面滚动角度材料垫菜单弹出的实现可以通过以下步骤完成：
- 首先，需要监听页面滚动事件。可以使用JavaScript中的
scroll事件来实现，通过addEventListener方法将滚动事件绑定到页面的滚动容器上。 - 在滚动事件的回调函数中，获取页面滚动的垂直距离。可以使用
window.pageYOffset属性获取当前页面滚动的垂直距离。 - 根据页面滚动的垂直距离，判断是否达到显示菜单的条件。可以设置一个阈值，当页面滚动的垂直距离超过该阈值时，显示菜单。
- 如果达到显示菜单的条件，可以通过修改菜单元素的CSS属性来实现菜单的显示。可以使用
element.style.display属性将菜单的display属性设置为block或inline-block，使其显示出来。 - 如果页面滚动的垂直距离小于显示菜单的条件，可以通过修改菜单元素的CSS属性来实现菜单的隐藏。可以使用
element.style.display属性将菜单的display属性设置为none，使其隐藏起来。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<style>
#menu {
position: fixed;
top: 0;
left: 0;
display: none;
width: 100%;
height: 50px;
background-color: #f1f1f1;
}
</style>
</head>
<body>
<div id="menu">菜单内容</div>
<div id="content" style="height: 2000px;"></div>
<script>
window.addEventListener('scroll', function() {
var menu = document.getElementById('menu');
var threshold = 200; // 设置显示菜单的阈值
if (window.pageYOffset > threshold) {
menu.style.display = 'block';
} else {
menu.style.display = 'none';
}
});
</script>
</body>
</html>在上述示例代码中，当页面滚动的垂直距离超过200像素时，菜单会显示出来；否则，菜单会隐藏起来。你可以根据实际需求修改阈值和菜单的样式。
相关·内容
我在角度材料方面有问题。当我想打开垫菜单时，点击后的按钮不会被激活或聚焦，并且有默认的颜色。关闭垫菜单后，按钮再次聚焦/激活。问题出在哪里？
示例来源：
我如何解决这个问题？谢谢!
浏览 4提问于2020-12-15得票数 0
回答已采纳
我有一个棱角分明的应用程序，顶部有一个导航条，它是粘性的(位置:粘稠；顶部: 0;)。在导航栏下，我有内容，其中包含有角度的材料组件，如垫按钮或垫卡。问题是，如果我滚动的角度材料组件滚动(出现在顶部)导航条。我怎么才能避免呢？
我创建了一个显示问题的stackblitz：
浏览 4提问于2021-07-22得票数 0
回答已采纳
我在材料垫选择初始选择框中遇到问题，因为“下拉”菜单的宽度与垫选择面板中的选项的大小相同。我以前有一个简单的jQuery选择框，占位符有一个宽度，选项/选项有一个单独的宽度。它似乎是自动完成这项工作的。我现在在选择Angular 6材料时遇到了问题，因为它有不同的宽度。首先，我花了很长时间才弄明白如何改变宽度。我最终通过使用以下命令更改了它
Angular HTML：
<div id="selectionList">
<mat-form-field>
<mat select [ngclass]="{'selection-
浏览 0提问于2018-09-13得票数 0
2回答
我的代码是。
我有一个选择框。我添加了一个"onchange“事件处理程序来处理onchange事件。
不幸的是，浏览器提示我：
updateSelectedSystem is not defined
但是，我已经在updateSelectedSystem中定义了app.component.ts函数。
我怎样才能解决这个问题？
或者，是否可以使用角度材料组件(即垫-选择列表)编制分组选择列表？
浏览 3提问于2020-03-18得票数 0
回答已采纳
1回答
我正在制作一个CSS iPod (第一代)。我已经设法得到了正确的布局，包括点击滚轮和4个按钮(菜单，播放/暂停，上一个，下一个)。但这些按钮不是矩形的。但是，HTML元素是矩形的。因此，如果用户点击“菜单”按钮，点击轮将显示接收到点击的那个。我如何才能准确地获得用户的预期点击？
另外，我如何才能检测到单击滚轮的滚动？
这是我的iPod。
浏览 5提问于2012-08-30得票数 2
回答已采纳
我正在制作材料对话，这是全屏的。它的内容大于屏幕高度，因此它有y轴滚动条.但是，页面也比屏幕高度大，而且它还有y滚动条.
问题：页面-y-滚动条(属于html标记)重叠对话框-y-滚动条.如果我向左移动对话框-20 my，我会看到两个滚动条。
目标是：
dialog-y-scrollbar应该是可见的。
page-y-scrollbar应与dialog-y-scrollbar.隐藏或重叠
添加:我正在使用的
scrollStrategy: this.overlay.scrollStrategies.block(),
它还将..cdk全局滚动块类添加到页面的html标记中，样式为：
overfl
浏览 0提问于2020-11-26得票数 0
我正在使用角材料和角度谷歌地图。我有一个角度的材料形式，在时髦-信息窗口，这是很好的正常工作模式。它显示垫-选择很好，但当我点击全屏按钮，垫选项，在垫-选择，不显示。一旦我走出全屏模式，我就会看到选项面板。
这是个窃听器还是我漏掉了什么。如果我使用本机select而不是mat-select，下拉选项就会显示出来。
正规模式
全屏模式
在谷歌地图的全屏模式下，mat-select不显示面板，但当我检查它时，它就在那里。
浏览 0提问于2018-12-19得票数 6
1回答
我使用角材料菜单，用于标题菜单。它是嵌套菜单，并在悬停时打开。有一个代码链接。当我打开角材料对话框组件头也是活动的，我可以在悬停和路由到其他组件。我知道这是z指数的错。但是如果z-索引不会是1050，那么菜单就不能在悬停和垫菜单打开和关闭时工作。
浏览 3提问于2022-03-04得票数 0
回答已采纳
使用角8材料设计，我被困在一个点，我需要使用自定义svg图标和内置/常规材料图标到相同的垫图标标签。
我正在运行一个循环来显示带有这些图标的菜单，其中有些菜单项在哪里。我是使用常规材料和一些菜单项，我必须使用自定义图标(svg)。
需要这样的东西：
<mat-icon svgIcon="menuIcon">{{menuIcon}}</mat-icon>
浏览 6提问于2020-06-02得票数 2
回答已采纳
1回答
我不知道如何使'Popover‘组件的材料UI保持固定在屏幕上，当我打开它。因为当我打开弹出窗口()时，它不会阻止滚动，单击后出现的框将沿着整个页面移动。当弹出窗口打开时，我不想让滚动条可见。
我用的是最新版本。
下图
浏览 3提问于2022-08-16得票数 1
回答已采纳
当有一个要以编程方式打开的时，mat得到焦点，并且(如果内容允许的话)，sidenav被滚动到焦点元素。
如何防止焦点和滚动？目前，我正在使用一个丑陋的黑客，增加额外的垫-选择在垫子的顶部，并设置高度为0和溢出的隐藏，但我想知道是否有一个更恰当和优雅的解决方案。
这个问题的最起码的演示：
演示程序使用：
@角/芯@ 5.2.0
@角/材料@ 5.0.0-rc.3
我正在使用：
@角/码@ 4.3.0
@角/材料@ 2.0.0-beta.12
浏览 0提问于2018-01-17得票数 1
问题是在iOS Safari中没有正确处理100vh。它错误地计算了到底部safari菜单栏底部的高度，并将弹出菜单渲染到菜单栏的下边缘。这导致菜单被部分隐藏，并产生问题是为使用100vh的跨设备设计可滚动弹出菜单。details here | more details here 因此，希望找到一个不使用100vh的替代解决方案，这样它就可以在所有浏览器和平台上工作。
浏览 63提问于2019-01-11得票数 0
1回答
我试图实现引导风格的响应屏幕使用角2和角材料。
考虑这个例子：，当我们调整窗口的大小时，缩略图开始堆积。
我使用的角度材料使用垫网格列表，我想实现同样的行为。
关于响应性布局网格的材料文档定义：
网格中显示的列数由查看屏幕的断点范围(预先确定的屏幕大小范围)决定，无论它是移动、平板还是其他大小的断点。
因此，在角度材料上需要做些什么才能达到与引导材料相同的效果呢？
我找到了一个解决方案：
在这里，他们要么使用非角度材料库，要么使用窗口大小事件。如果材料应该是有反应的，我们就不需要这样做了。
所以有人能帮我解决这个问题吗？
请看:我是前端设计的初学者，所以我不知道很多来自UI世界的术语
浏览 0提问于2018-06-12得票数 1
1回答
正在为移动设备创建应用程序。所以问题:我需要显示弹出对话框，当用户点击页面上的链接。页面应在弹出窗口显示期间冻结(禁用滚动)。在弹出窗口中，我有一个很长的列表，里面有应该滚动的项目。那么我是如何实现它的：
我在body中创建了弹出窗口，并添加了下一段代码以防止滚动：
$("body").bind("touchmove", scrollHandler);
function scrollHandler(event){
event.preventDefault();
}
在弹出窗口中，我添加了应该滚动的列表，但当然它没有滚动，因为它被以前的处理程序阻止了。那
浏览 0提问于2013-06-02得票数 0
回答已采纳
我在我的网站上使用角度材料，它工作得很好，但当我在移动设备上使用时，我会遇到一个问题，比如当我向下滚动时间时，我会错误地触摸垫范围滑块，原因是如果我不想要，我的愤怒就会改变 所以我想要一个解决方案，就像我只需要垫滑块，当用户拖动垫滑块的手柄而不是单击滑块时，滑块值将发生变化。
浏览 19提问于2019-03-17得票数 1
我已经在我的应用程序中创建了一个弹出菜单，它的问题是当我打开弹出菜单，然后滚动页面时，弹出菜单也会随着页面滚动，即使我尝试使用data-dismissible="false“，但什么也没有发生，问题仍然是一样的。提前谢谢。
浏览 4提问于2013-07-03得票数 1
回答已采纳
1回答
我使用的是垫菜单，当鼠标进入特定button.it的事件时，我会显示一个菜单。
但是当鼠标离开按钮时，我想关闭垫子菜单。它不起作用。
请在下面做fin样品：
再现步骤
打开上面的示例悬停主页图标，可以看到菜单弹出弹出打开移动之前进入菜单，您可以看到菜单弹出弹出不被关闭示例-
注意-我尝试使用鼠标-离开的按钮，但它开始闪烁。
样本-
浏览 2提问于2021-08-28得票数 1
1回答
你好，虚拟重复分量也存在于角4中吗？
我需要显示一个下拉菜单与自动完成与许多数据(30k元素)和角质材料垫-自动完成不起作用。
浏览 0提问于2018-04-19得票数 0
回答已采纳
2回答
我有一个有很多内容的经典页面，还有一个可以打开弹出窗口的按钮。这个弹出窗口的高度可以比我的窗口大，所以我需要在弹出窗口中滚动。当我隐藏我的触发器时，我想要在与显示弹出窗口之前完全相同的滚动位置。我试过很多办法，而且……事实并非如此:)你可以在JSfiddle上看到一个例子： I‘s close，但是滚动条在菜单下面，我不知道如何修复这个问题……:(
你可以在今日美国的网站上看到我正在尝试做的事情：
如果你稍微滚动一下，点击其中一篇主要文章，弹出窗口就会显示出来。您可以在此弹出窗口中滚动。当您关闭弹出窗口时，您处于与打开弹出窗口之前完全相同的页面位置。
我试着使用：
overflow-y:s
浏览 1提问于2013-11-14得票数 0
我有一个8 8Bitdo其他控制器，连接使用蓝牙。它在蓝牙菜单中显示为一个操纵杆。使用jstest-gtk，我可以在按下按钮时看到它们，但是方向键映射到键盘上。Pad允许我移动到不同的按钮，我可以在网页浏览器上滚动页面。我需要知道如何正确地映射方向性垫。有什么想法吗？
浏览 0提问于2018-09-29得票数 1
1回答
有办法打开第二个片段页吗？(即)同时打开多个片段页)
我有一个数据库设置，当用户单击一个按钮时，会弹出一个片段页，以便他们可以编辑字段。我想尝试让一个子菜单显示评论(这样他们就不用一直滚动到屏幕的底部)。
类似于材料画廊样品中的菜单将是很棒的。
注意：
我目前正在使用app.showDialog(app.pageFragments.Menu);打开页面片段。
让两个片段并排打开也是一个可用的选项。
谢谢!
下面是一个示例图。
浏览 3提问于2017-03-07得票数 0
1回答
触发mat菜单并显示项目后，弹出元素不会随页面一起滚动。相反，它们似乎是从垫子菜单图标中断开的，并且当我滚动页面时，它们始终可见。
<mat-icon class="mat-accent" [matMenuTriggerFor]="menuOptions">menu</mat-icon>
<mat-menu #menuOptions="matMenu"> <button mat-menu-item *ngFor="let menuItem of menuItems" (click)=s
浏览 5提问于2018-08-27得票数 2
角度: v8.2.8
我设法使用垫菜单(角质材料)来模仿上下文菜单.右击我的页面，菜单出现在我的鼠标位置。
我想要实现的：当我移动鼠标到页面上的另一个位置时，我再次右击。我原以为原来的菜单会在新的位置关闭并重新打开。
但是在现实中:当我右键单击时，什么都不会发生，原来位置的菜单仍然是打开的。
事实上，我必须左键关闭打开的菜单在原来的位置，然后右击打开菜单在新的鼠标位置。
问题：知道如何实现我想要的吗？
@Component({
selector: 'fl-home',
template:`
<mat-menu #contextmenu>
<
浏览 8提问于2019-10-11得票数 11
回答已采纳
我有一个uiModule。它进出口各种“角/材料”模块。
我曾希望当我将uiModule导入到anotherModule；现在anotherModule将能够访问@角/材料的东西.但这并不能奏效。
虽然材料在uiModule - anotherModule内部很好地识别物质元素，但是也有很多错误，如
NullInjectorError:没有提供InjectionToken垫-菜单-滚动策略！NullInjectorError:没有覆盖的提供者！
在尝试使用<mat-menu>之后，我得到了这些示例
这里是关于uiModule的文章
// material
import { Ma
浏览 18提问于2021-12-09得票数 2
2回答
如何始终保持席-菜单在同一位置？
、、、、
我有这个自定义下拉列表，我使用mat复选框来选择要选择的项目。无论如何，我的问题是，当我打开垫菜单，然后我选择项目(让我们选择2个项目)，此时我的席菜单在一个特定的位置。现在，如果我关闭垫菜单，并再次打开它，您将看到垫菜单是在一个更高的位置(它移动像5 5px向上移动)。有人知道如何始终保持在同一位置的垫菜单，即使在选择项目后？提前谢谢。
注意：，我试过使用disableOptionCentering，但是它不能在mat菜单上工作，只能在mat-select上使用
我的
<mat-menu #menu="matMenu" class="menu-select
浏览 2提问于2021-03-23得票数 0
回答已采纳
1回答
我有一个角度4的问题，我有一个组件的列表，每一个组件都有一个垫子菜单(角材料组件)在里面。我在Chrome控制台收到了很多警告：
“违规将非被动事件侦听器添加到滚动阻塞'touchstart‘事件中。请考虑将事件处理程序标记为’被动‘，以提高页面的响应能力。”
我已经删除了这个组件，正如我所看到的，警告的数量已经减少了。你们知道那里发生了什么吗？垫子菜单里有什么东西触发了警告吗？
浏览 0提问于2020-02-10得票数 0
回答已采纳
我正在努力实现以下目标：
我有一个弹出式菜单停靠在屏幕的左侧。
该菜单只有一个小选项卡可见。悬停时-它会弹出以适应其内容。
问题是，我的页面有时只有几个屏幕那么高。有时，我的菜单也是如此。
我希望能够将我的菜单停靠到一个固定的位置(这样标签总是可见的)，并使菜单可滚动，而不是丑陋的滚动条。
如何做到这一点呢？
浏览 4提问于2011-08-02得票数 0
1回答
角自动完成选项不保持输入位置
、、、、
这里展示了我的问题。我有一个可滚动的div，它有一个特定的高度。在这个div中，我有一个角材料的自动完成组件。当我选择输入为自动完成，我得到一个报价选项，但如果我向下滚动，垫-选项优惠不保留输入。但随着滚动而移动。在这种情况下，是否可以用输入保持位置？谢谢。
浏览 3提问于2021-03-07得票数 0
回答已采纳
1回答
你看过带有Chrome的GOOGLE.COM安卓智能手机吗？
你有没有注意到菜单的弹出类似于一个应用程序。这个菜单有一个“春天”，我想了解谷歌是如何得到这个结果的。
我使用的属性“-webkit-溢出-滚动:触摸”，但我没有得到这个结果。
值得注意的是，在菜单的底部，继续滚动，页面没有移动，这导致了正常，完成了DIV的滚动，它开始滚动下面的页面(一些烦人的东西)。
你能告诉我它用了什么谷歌吗？
浏览 3提问于2013-12-06得票数 0
回答已采纳
我有一个GWT应用程序，我想在其中使用PopupPanel来显示大量信息。我想toe PopupPanel采取其余的屏幕(加上一些填充)，并使其内容是可滚动的。
如果弹出式面板中的材料数量超过屏幕上的空间，则弹出式面板的内容会超出边界，没有滚动条，而是主窗口的大小增加(带有滚动条)，以便为弹出窗口提供足够的空间。
我的理解是PopupPanel的大小取决于它的内容。
那么，实现这一目标的最简单方法是什么？
我曾想过在PopupPanel中放置一个滚动面板，并将其大小设置为弹出窗口显示时的可用空间，但这似乎是一个巧妙的做法。
浏览 1提问于2011-09-09得票数 1
2回答
我使用mat菜单在我的项目中显示可用的选项作为面包屑。当我试图添加一个新项时，它会添加到DB中，数组对象会正确地获得它，但是角垫菜单不会更新。
这是我使用的参考资料：
你能告诉我如何制作mat菜单来加载运行时的数据吗？
浏览 0提问于2019-07-10得票数 1
回答已采纳
1回答
当用户滚动窗口时关闭Mat菜单
、、、、
问题:当窗口滚动到导航菜单顶部时，不应该看到垫子菜单，
原因:因为z-index在.cdk-overlay-container中高而上升。
我跟在后面
file.ts
@ViewChild(MatMenuTrigger) trigger: MatMenuTrigger;
@HostListener('window:scroll', [])
scrollHandler() {
if (this.trigger) {
this.trigger.closeMenu();
}
}
但这是只对第一个垫-菜单6，休息不关闭滚动！
浏览 2提问于2019-09-28得票数 1
回答已采纳
2回答
如果你现在去，在youtube标识旁边有一个下拉按钮，它会弹出一个菜单，菜单上有内容，它会在页面的左边打开，当你滚动的时候它不会消失。您将如何创建此菜单？
浏览 5提问于2014-03-07得票数 0
回答已采纳
页面上有许多具有overflow:auto属性弹出窗口
结构是-
<div id="popup1">
<div>SomeHTMLSTRUC</div>
<div>SomeHTMLSTRUC</div>
<ul class="scroll"></ul>
</div>
<div id="popup2">
<div>SomeHTMLSTRUC</div>
<div>SomeHTMLSTRUC
浏览 1提问于2014-08-22得票数 0
我想让fcitx在Lubuntu下工作。
以下是我面临的问题：
fcitx不是用Lubuntu自动启动的。我检查了lxsession自动启动配置，发现fcitx不是其中的一个选项。
我可以使用从菜单中启动工具System Fcitx，但这还有两个问题，
我仍然不能用键盘打开我的谷歌拼音输入。
如果我打开我的谷歌拼音使用它的弹出菜单，它将冻结整个系统。多次尝试和验证时，使用页垫，甚至fcitx配置程序本身-启动页垫或fcitx配置程序，然后左击Fcitx图标试图打开其弹出菜单，整个系统将冻结。
这里是卢本图18.04.02。我能够让fcitx在伙伴18.04下工作，所以我认为这是一个具体的Lu
浏览 0提问于2019-09-27得票数 1
6回答
我使用角度材料的垫-菜单与不同的垫-菜单项目，我希望菜单项目的列表是相同的大小与按钮。
这就是我所拥有的
我所希望的是：
我试着用css改变菜单的大小，但是它不能正常工作。
CSS：
.cdk-overlay-pane {width: 100%;}
.mat-menu-panel {width: 100%;}
HTML：
<button mat-raised-button [matMenuTriggerFor]="menu" class="btn-block btn-blue">
<div fxLayout="r
浏览 0提问于2019-01-23得票数 8
这可能是一个简单的问题，但我似乎想不出来。
我正在使用jquery创建一个弹出窗口。单击编辑按钮时，将出现一个弹出窗口，并用毯子覆盖其后面的所有内容，给人一种淡出的印象。
我让它正常工作，但背景层只覆盖了可见的屏幕空间。这意味着你可以向下滚动，看看毯子在哪里结束。
我试图让它覆盖页面上的所有内容，甚至是那些只有滚动才能看到的内容。
这是我目前使用的css，
#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
height:100%;
width:100%;
position:abs
浏览 2提问于2012-05-01得票数 4
回答已采纳
为了开始我是一个初学者，我想让一个菜单出现在我向下滚动页面和横越一个服务器div (当我的页面顶部的实际菜单不再可见时)这个网站有一个完美的例子我的问题：
当您开始向下滚动此页面，且头菜单不再可见时，此页面顶部会弹出一个黑色透明菜单。
谢谢，请帮助！:)
浏览 2提问于2014-01-22得票数 1
回答已采纳
1回答
相对于选择的菜单项
、、、
我使用的选择菜单项目从材料用户界面。我能够定位下拉列表在左下角的帮助下，在代码内选择。
anchorOrigin：{垂直：“底部”，水平：“左”}，getContentAnchorEl: null，
但是问题是当网页被滚动时，MenuItems开始在整个页面上移动。但是我想把它们放在select本身下面，即使是在页面滚动的情况下。
浏览 8提问于2022-04-11得票数 1
1回答
我使用角7，角材料控制与反应形式。
我创建了自定义文本(matInput type=" text ")、数字(matInput type=" number ")、带有角材料的选择(matSelect)控件和垫形字段。
下面是我的例子的。
我试图将自定义窗体控件附加到反应性窗体，并试图自动触发窗体组上的任何验证。
我正在使用ControlValueAccessor来实现这一点，但是我的选择并没有被识别为表单控件，并且没有值被记录在表单控件中。
在这方面的任何帮助都将受到高度赞赏。
浏览 1提问于2019-07-04得票数 0
回答已采纳
通过在构造中包含Provider: MatDialog
constructor(groupService: GroupService, public dialog: MatDialog) {}
我在运行时得到以下错误
错误:没有提供InjectionToken垫-对话框-滚动策略！
我已经在"app.module.ts“中包含了Mat对话框，我需要一个不同的提供者吗？我用的是角材料2.0.0b12
浏览 3提问于2017-10-12得票数 29
回答已采纳
5回答
我创建了一个定制的角材料模块，material.module.ts文件，并在这个文件中导入如下的角材料UI组件，如下所示。
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {
MatButtonModule,
MatToolbarModule,
MatIconModule,
MatBadgeModule,
MatSidenavModule,
MatListModule,
Ma
浏览 7提问于2021-09-10得票数 21
1回答
弹出菜单与材料设计2
、、、、
我创建了一个弹出菜单，如下所示：
val popup = PopupMenu(this, more_button)
popup.menuInflater.inflate(R.menu.menu_options, popup.menu)
popup.setOnMenuItemClickListener(this)
popup.show()
但我似乎找不到如何创建一个弹出的圆角边缘，就像新的谷歌Chrome为“更多的按钮”在右上角。
如何根据新材料设计2创建弹出式菜单？
浏览 2提问于2018-09-24得票数 0
回答已采纳
我试图创建一个菜单顶部的我的网页使用垫菜单和matMenuTriggerFor，我找到了一个例子，在材料网站()，并试图实现它，一切工作良好，但我得到了以下错误。
ERROR Error: mat-menu-trigger: must pass in an mat-menu instance.
Example:
<mat-menu #menu="matMenu"></mat-menu>
<button [matMenuTriggerFor]="menu"></button>"
在控制台里。我不知道原
浏览 2提问于2018-07-26得票数 16
回答已采纳
当我滚动到div时，如何获得div id。
我的角6应用程序是一个页面应用，当用户点击导航栏时，页面将滑到div id (我使用ngx-滚动- to )。
我已经做了，当用户单击导航条菜单，它将滑到div并设置类活动。
我的问题是当用户手动滚动时，我如何设置导航条菜单活动时，它到达div id。
<li class="nav-item" [ngClass]="activeRoute=='home' ? 'active' : ''">
<a class
浏览 0提问于2018-10-03得票数 1
1回答
我试图使用@角/材料，特别是在我的角6应用程序的标题。
我是以这个例子为基础的：
我的头组件HTML如下所示：
<header role="navigation">
<div id="navbar">
<a href="/dashboard" id="home"><mat-icon>home</mat-icon></a>
<a id="profile" [matMenuTriggerFor]="menu
浏览 0提问于2018-08-20得票数 0
2回答
我得到了一些奇怪的行为垫对话内容角材料对话框。
我想展示一些工具提示(不是角材料工具提示，而是来自ng引导库的工具提示，因为我希望它们有一些可点击的内容)。当它们向右溢出时，现在，我得到一个滚动条，这不是期望的行为。
我重写了默认的样式
.mat-dialog-content {
overflow-x: visible !important;
}
我仍然得到滚动条，使用browser dev tools进行的检查向我展示了以下内容：
我觉得很奇怪。更令人沮丧的是:当我把“可见”交换为“隐藏”时，这是有效的，但显然也不是理想的行为。
浏览 0提问于2019-04-26得票数 0
回答已采纳
我在下面添加了一张图片，更详细地说明了我的网页模型。
我有一个页面，它是我的角度应用程序的一部分。在应用程序中，我有一张垫子卡，在这张卡中有一张垫子表，它可以显示一长串数据。
数据列表有时会导致mat卡的高度扩展到页面的下边界，并且由于页面不可滚动，用户将无法访问大量行。
我希望能够将垫卡的大小修正为页面的高度减去页眉的高度，这样垫卡就能填充页面上所有剩余的垂直空间。
我们正在使用引导，所以垫卡包含在一个col-8类中。
是否有一种方法可以将卡片的高度设置为页面上的剩余高度，然后使表正文中的溢出可滚动？
我尝试在席表上设置溢出y以滚动，但所发生的只是滚动条出现，但没有提供实际滚动的能力。
这里
浏览 4提问于2020-02-07得票数 0
回答已采纳
2回答
(1)我的滚动/跟随菜单在上下滚动时(在移动设备中)经常弹出。我如何解决这个问题来纠正用户体验呢？
(2)在滚动时，菜单似乎也不在页面的顶部。我能修好这个吗？
我在这里使用它：
演示：
Html
<div class=scroller>Xtango</div>
CSS
.scroller {
position: relative;
top: 0px;
width: 100%;
background-color: #fff;
z-index: 2}
Javascript
$(window).scroll(function() {
if ($(window).scrollT
浏览 1提问于2017-12-27得票数 0
回答已采纳
1回答
当你停止滚动时，我想不出如何停止菜单。当你向下滚动菜单时，只能在停止滚动或滚动时隐藏和显示。我的代码只有在你向上滚动时才能工作，如果你能帮我的话，我会很感激。
联署材料：
$(window).scroll({
previousTop: 0
},
function () {
var currentTop = $(window).scrollTop();
if (currentTop < this.previousTop) {
$("header").css("display",
浏览 1提问于2016-10-19得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
