如何使material-ui stepper像粘性水平菜单
Material-UI是一个流行的React UI库，提供了许多可重用的UI组件，包括Stepper（步骤条）组件。要使Material-UI Stepper组件像粘性水平菜单一样，可以按照以下步骤进行操作：
- 导入所需的Material-UI组件：
import { Stepper, Step, StepLabel } from '@material-ui/core';- 创建一个状态变量来跟踪当前步骤：
const [activeStep, setActiveStep] = useState(0);- 创建一个步骤数组来存储所有的步骤信息：
const steps = ['步骤1', '步骤2', '步骤3'];- 在渲染部分，使用Stepper组件来显示步骤条，并使用Step和StepLabel组件来显示每个步骤的标签：
<Stepper activeStep={activeStep} alternativeLabel>
{steps.map((label) => (
<Step key={label}>
<StepLabel>{label}</StepLabel>
</Step>
))}
</Stepper>- 添加按钮或其他交互元素来控制步骤的切换。例如，可以添加一个“下一步”按钮来前进到下一个步骤：
<Button disabled={activeStep === steps.length - 1} onClick={() => setActiveStep(activeStep + 1)}>
下一步
</Button>- 在渲染部分的其他位置，根据当前步骤的索引显示相应的内容。例如，可以使用条件渲染来显示与每个步骤相关的表单或内容：
{activeStep === 0 && <Step1Content />}
{activeStep === 1 && <Step2Content />}
{activeStep === 2 && <Step3Content />}这样，你就可以创建一个类似粘性水平菜单的Material-UI Stepper组件了。根据实际需求，可以根据步骤的数量和内容进行定制和样式调整。
腾讯云相关产品和产品介绍链接地址：
相关·内容
1回答
我试图使用React使两个组件与其父组件状态同步。我使用水平和垂直步骤作为来自material的两个独立组件，它们的父类具有步骤器的内容以及它们都应该是共享的状态。我使用水平和垂直步长的原因是为了使UI尽可能响应。
我遇到的问题是，当activeStep由一个组件(即水平步进器)递增时，根据我对组件装入生命周期的理解。调用render方法，并将Activestep递增并反映在dom中。但它只反映在水平步进。更改只在水平步进组件中传播。当导航垂直步进组件时，它返回最初设置为0的钩子的初始状态。
我正在尝试使水平步进和垂直步进与stepperContent中的stepperContent同步，状态
浏览 1提问于2020-09-12得票数 2
回答已采纳
指的是：
默认情况下为蓝色。
我希望它是material-ui的orange200
我尝试了以下代码(来自)，但它不起作用。
import getMuiTheme from 'material-ui/styles/getMuiTheme'
const muiTheme = getMuiTheme({
stepper: {
iconColor: 'green' // or logic to change color
}
})
<MuiThemeProvider muiTheme={muiTheme}>
<
浏览 0提问于2018-06-16得票数 1
2回答
我尝试覆盖StepLabel以删除每个StepLabel中的值(“1”、"2“和"3")。
如图所示，Stepper在每个节点/圆环内都有编号。
我已经创建了一个基于Material-UI文档的CustomStepLabel，但是它没有像预期的那样工作，或者缺少一些东西。
链接到StepLabel文档：
我尝试在CustomStepLabel中设置labelContainer：{fontSize: 0，并显示：'none'}，但它没有对文本进行任何更改，我仍然可以看到圆圈中的数字。
import React from "react
浏览 2提问于2021-08-25得票数 0
我的Stepper组件应该呈现为垂直或水平布局，具体取决于屏幕大小。出于这个原因，我使用了一个道具"verticalLayout“。如果我以垂直模式呈现它(verticalLayout = {true})，一切似乎都很正常。一旦我以水平模式渲染(verticalLayout = {false})，它就会停止与Uncaught TypeError: Cannot read property 'props' of null一起工作
我的搜索没有得到任何答案，我尝试了我能想到的一切(用一个let变量替换它，重构代码以检查这个&& this.props ...等
浏览 0提问于2017-04-10得票数 0
我有两个tsx文件。第一个是Stepper.tsx，它有一个重要的UI stepper，可以显示用户所在表单的哪个步骤。第二个是FormElements.tsx，它包含组成步骤的各种形式。我想根据在FormElements.tsx中展开和“激活”的窗体/面板来修改Stepper.tsx中的步进器。
下面是它在浏览器中的外观，让你了解它的要点：
相关的Stepper.tsx代码为：
import React from 'react';
import './Stepper.css';
import {
BrowserView,
MobileVi
浏览 2提问于2020-04-16得票数 0
我正在使用Material-UI构建一个react站点，特别是Stepper组件。
对于垂直方向的Stepper，有没有办法禁用每个StepContent的折叠和展开？我想保留组件的样式，但我本质上希望stepper的所有内容都是可见的。
就是“折叠”Stepper的一个例子。我只需要弄清楚如何禁用折叠。
我背靠背地阅读了，还没有找到一种明显的方法来做到这一点，但它看起来应该是可行的。
浏览 16提问于2018-06-02得票数 3
回答已采纳
2回答
我使用的材料-用户界面在我的反应项目，现在我想显示一个步骤。但我不想要按钮的后退和前进的步骤。我希望所有步骤都能一起活跃起来。
import React from 'react';
import Stepper from '@material-ui/core/Stepper';
import Step from '@material-ui/core/Step';
import StepLabel from '@material-ui/core/StepLabel';
import StepContent from '@ma
浏览 0提问于2018-09-26得票数 6
回答已采纳
我正在构建一个应用程序，其中有一个用不同步骤表示的表单。在所有步骤中，除了一个步骤之外，我设法提供必要的函数作为支持来进行一些操作，例如“handleNext”、“handleBack”或“handleChange”。
然而，在类SuccessForm中表示的最后一步中，当我试图执行'handleDownload‘函数时，我会得到以下错误：
TypeError: this.props.handleDownload不是一个函数
这里是SuccessForm.js类：
export class SuccessForm extends Component {
constru
浏览 3提问于2020-03-30得票数 1
回答已采纳
使用下面的代码，我在第9行遇到错误
语法错误:意外的标记(9:10)有人能告诉我这段代码的问题以及如何修复它吗？
import React from 'react';
import {SelectField, MenuItem, getMuiTheme, MuiThemeProvider,Stepper,Step,StepLabel,StepButton,StepContent} from 'material-ui'
import injectTapEventPlugin from 'react-tap-event-plugin';
浏览 0提问于2016-12-03得票数 0
我有一个反应应用程序，使用材料用户界面。我想要一个可以多次打开的对话框。并且，一个对话框，用于“步骤”的一步。
下面的代码确实允许我多次打开对话框，但是我这样做的方式是添加componentWillReceiveProps，这个解决方案看起来很奇怪。如果没有componentWillReceiveProps，对话框将在第一次打开，但不会在连续单击时打开。有没有更好的方法让它重新设置道具传入？我假设我的问题是，道具是在第一次创建组件时设置的，然后应用程序不会重新创建组件，而道具使用在关闭事件上设置的旧值？
此外，当我在两步之间移动时，会有奇怪的行为。如果我单击步骤2，则会弹出对话框。如何重构以避
浏览 2提问于2018-05-29得票数 0
回答已采纳
是否有一个选项来告知react Material-UI MobileStepper为100%宽度？我相信它是50%固定的，因为他们希望按钮在左边和右边。 我调整了Material-UI Mobile Stepper的示例，以重现问题：https://codesandbox.io/s/048348ojjl 你知道如何将宽度扩展到100%吗？ 提前谢谢你。
浏览 21提问于2019-03-24得票数 0
回答已采纳
我正在做一个material-ui stepper的实现，更具体地说是“小点stepper”，目前我面临的挑战是用一条线将这些点连接起来。我试着将StepConnector的位置设置为绝对，但在切换屏幕时表现不佳，有人知道解决这个问题的方法吗？ 沙盒：https://op1l9.csb.app/ 链接到有问题的stepper： https://material-ui.com/components/steppers/ 大部分代码已经在我提供的链接中 import styles from "./styles";
import {
Paper,
Grid,
浏览 28提问于2019-10-15得票数 0
回答已采纳
6回答
颤振中的水平步进器
、、、
我想创建一个水平步进器，我知道这很容易，但这一次，步数应该很大。 举个例子，这就是我在垂直领域所做的， import 'package:flutter/material.dart';
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return new Mat
浏览 16提问于2019-12-26得票数 4
3回答
每次滚动条到达粘性菜单时，它都会将菜单移到几个像素上。如果您在上慢慢向下滚动并观看菜单，您可以看到它。
我正在使用JQuery插件stickUp来完成粘性菜单。我发现，要使菜单保持在顶部而不向左跳，唯一的办法是将“按钮”类放入另一个名为“菜单”的类中，并将“菜单”的宽度设置为100%。但这只是导致了你现在能看到的小小的跳跃。
<body>
<div id="page1">
<div id="p1content">
<h id="Name">Travis Morenz</
浏览 0提问于2015-11-21得票数 0
回答已采纳
Checkout.js
，这是checkout.js文件。在这个文件中，我返回了签出表单，现在我想使用结帐表单页的表单字段。
问题是如何获得CheckoutForm页面的表单字段并在此页面(即checkout.js )上使用它们。因为我想在数据库中提交表单数据。但是表单在另一个页面上，提交按钮在另一个页面上，例如(checkout.js页面)
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import CssBaseline from '
浏览 1提问于2021-01-19得票数 0
回答已采纳
下面是material-ui stepper的链接：
我尝试使用三步步进器，在每一步我都有一个material-ui文本字段，并设置了一些默认值。
在step1中，我可以看到文本字段的缺省值为Initial title value，但后续步骤并不坚持提供的缺省值，而是将Initial title value全部显示为缺省值。虽然它们的标题和浮动文本被更改，但它们的默认值是从step1中获取的，为什么呢？
import React from 'react';
import {
Step,
Stepper,
StepLabel,
} from 'material
浏览 3提问于2016-12-12得票数 0
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Stepper from '@material-ui/core/Stepper';
import Step from '@material-ui/core/Step';
import StepLabel from '@material-ui/core/StepLabel';
import StepContent from '
浏览 9提问于2022-09-10得票数 0
我正在尝试测试一个注册组件，它有一个带有Jest/酶的垂直步进器，当我试图模拟用户单击"Next“时，我一直撞到墙上。
如果“必需”输入字段为空，则预期的行为是什么都不做，但是在执行.simulate(‘单击’)之后，断言失败，在包装器中找不到html。
组件是通过()传递的，所以我不知道这是否相关。
UserRegistration.js
import React from 'react';
import { connect } from 'react-redux';
import Stepper from '@material-ui/core
浏览 3提问于2020-01-17得票数 3
我有一个特意比屏幕宽度宽的FlatList。
该列表垂直滚动以查看每一行，并位于水平ScrollView中以访问屏幕外的项目。
ListHeaderComponent属性基本上是一个x轴标签，我希望它表现为一个“冻结的标题”；就像在电子表格中一样。
如何使ListHeaderComponent变得粘性？
浏览 1提问于2017-06-20得票数 53
回答已采纳
我正在使用Material-UI stepper，我想看看是否可以在向下滚动页面时将stepper粘贴到页面顶部AppBar的正下方。
我有以下的风格和步骤代码。我尝试过postion: fixed，但这不起作用。
stepper: {
padding: theme.spacing(0, 0, 5),
backgroundColor: '#EAEFF1',
zIndex: 1,
color: '#fff',
display: 'flex',
justifyContent: 'center
浏览 11提问于2021-05-20得票数 0
回答已采纳
我试着展示了一个负责任的屏幕，上面有“渐进式表单”、React.js和Material Ui。我使用的是Stepper组件，但这不起作用，当我按下“下一步按钮”，按钮已经隐藏，但不显示下一步的内容与“泰斯特”文本。我的组件代码： import React, { useState } from 'react';
import {
Grid,
TextField,
Stepper,
Step,
StepLabel,
AppBar,
Toolbar,
IconButton,
Typography,
Bu
浏览 11提问于2020-07-24得票数 2
回答已采纳
material-UI react stepper控制步骤不接收选项卡焦点。有没有办法在步骤上启用tabFocus？
浏览 10提问于2020-02-29得票数 1
回答已采纳
2回答
如何使控件成为粘性控件？我有一个滚动浏览器，里面有一个网格。在网格里面我有一个按钮。该按钮设置为水平对齐-居中和垂直对齐-底部。现在，当网格的大小增加时，按钮在屏幕上不再可见。我必须滚动才能真正看到按钮。我可以将按钮设置为粘性的，使其始终位于屏幕底部吗？
提前感谢:)
浏览 2提问于2011-04-13得票数 0
我想创建一个material-ui stepper元素，如下所示：
他们管它叫。
我使用的是实现的。现在，库中的显示了内联标签放置，但我没有看到任何可以使用替代标签放置的属性。但我相信它是在某个时候实现的，因为有。
现在有没有办法为stepper设置可选的标签位置？
浏览 2提问于2017-06-19得票数 2
目前正在尝试弄清楚如何从stepper组件的样式对象中呈现样式(而不必做内联样式)。然而，当我尝试做一些与Material UI的演示程序相似的事情时，它给了我一个错误。我基本上从其中提取了一些片段，并尝试在我的代码中实现它。这里是Material UI的demo的样子，我也想复制它。 ? 这是他们拥有的代码 const ColorlibStepIconRoot = styled('div')(({ theme, ownerState }) => ({
backgroundColor: theme.palette.mode === 'dark'
浏览 23提问于2021-10-28得票数 1
回答已采纳
我有一个角水平步进，这是禁用的css和我想显示的工具提示。这将无法工作，因为禁用的css代码。
// .ts file:
<mat-horizontal-stepper labelPosition="bottom" #stepper>
<mat-step
editable="false">
<ng-template matStepLabel>
<span matTooltip="'test11111'">test1</span>
&
浏览 5提问于2021-09-02得票数 0
回答已采纳
2回答
材质UI样式不渲染
、、、、
我试图建立一个网站使用材料-用户界面和反应。当试图通过Hook API使用Material-UI的样式时，它在codesandbox.io中在线工作，但在我运行它时不能在本地工作。边框半径属性似乎没有更新，按钮或指令对象中的任何属性也没有更新 ? import React from 'react';
import { makeStyles } from '@material-ui/styles';
import Stepper from '@material-ui/core/Stepper';
import Step from '
浏览 20提问于2019-01-08得票数 1
回答已采纳
我正在使用语义中的组件来创建一个顶级菜单+面包屑头。由于某些原因，当试图从最顶层位置滚动时，滚动条“跳跃”。
沙箱
我还没有为粘性组件提供context支持。在中，它们总是提供封装div的React引用，作为Sticky组件的上下文支柱。文档不清楚context支柱的用途。(上面写着“粘性元素应该坚持的上下文”)
我是否需要为粘性组件提供上下文支持以停止“跳转”滚动？如果是这样的话，我如何决定提供哪一个随附的div作为上下文支柱？
浏览 3提问于2018-01-01得票数 8
回答已采纳
只是在由Material UI提供的Stepper组件的节点内尝试实现自定义步骤标签图标时出现问题。我正在尝试在每个圆圈中实现一个图标，如Material UI的demo所示
然而，我遇到了一个错误
请看我下面的代码。谢谢!
import React from 'react';
import { Typography } from '@material-ui/core';
import { withStyles, styles } from '@material-ui/core/styles';
const styles = th
浏览 0提问于2021-10-27得票数 0
如何将复选框的值发送到checkout.js页面？这是PaymentForm页面。我已经尽力了，但效果不太好。基本上，我希望在PaymentForm页面中使用checkout.js字段，因为提交按钮就在那里。
PaymentForm.js
import React from 'react';
import Typography from '@material-ui/core/Typography';
import Grid from '@material-ui/core/Grid';
import TextField from '@mat
浏览 2提问于2021-01-20得票数 0
我正在建立一个基于水平滚动视图的网站，这是由移动互动和粘性部分。在这个粘性的部分，我想放一个粘性的div，然后，当你水平滚动时，一个div仍然是粘性的，而你水平滚动。 这里有一个例子：https://studiochevojon.com/ 在这个网站中，你可以水平滚动，并在确定的时刻有一个粘性的div。 这是我的webflow项目：https://preview.webflow.com/preview/designfeelings?utm_medium=preview_link&utm_source=dashboard&utm_content=designfeelings&a
浏览 15提问于2020-10-17得票数 0
我正在尝试使用组件，但我很难以类的方式使用它，而不是像他们在预览中那样使用它。
下面是我到目前为止的情况，它确实加载了，但是有一些问题：
出现的文本是“未知步骤”，这意味着函数“getStepContent”没有被正确调用。
每次我按下“next”按钮时，它都会给我一个错误：“无法读取属性”的“未定义”似乎几乎我所有的函数调用都搞砸了。
这是我的代码：
import React, { Component } from "react";
import "./CharacterCreate.css";
import PropTypes from &#
浏览 5提问于2019-09-20得票数 0
回答已采纳
1回答
我正在使用react，并通过labels的数组对象显示一些标签。现在，我想动态地做这件事。因此，如果用户单击一个按钮，对象就会更新，用户界面也会相应地更新。这里的问题是，我让数组在单击按钮后进行更新，正如我在onclick处理程序中编写的控制台日志行所证明的那样。但是用户界面不会相应地更新。只有数组才会显示这些值。下面是初始数组的样子： const labelsArray = [
{ label: 'Hey There', sublabel1: 'How are you?' },
{
label: 'Greetings', su
浏览 43提问于2021-11-03得票数 0
回答已采纳
1回答
我有一个奇怪的情况，在这里，我试图建立一个步骤组件在我的应用程序。到目前为止一切都很顺利，但我试着把这个步从右转左。我尝试过的事情:我试图安装i18next (翻译库)，但它没有成功。我试着从3降到2，这也不是一个令人满意的结果。
结果如下：
这是我的密码：
import {
makeStyles,
Theme,
createStyles,
withStyles,
} from '@material-ui/core/styles';
import clsx from 'clsx';
import Stepper from '@mat
浏览 0提问于2020-11-28得票数 0
回答已采纳
我使用的是prestashop的基本模板。我找不到顶部的水平菜单-我可以找到其他的prestashop的基本模板。如何让这个模块出现？
我只能找到水平菜单。这很奇怪吗？如何使顶部的水平菜单出现？
提前谢谢。
浏览 0提问于2017-07-15得票数 0
我正在为桌面构建web应用程序，我发现material-ui在显示组件时浪费了很多空间。
AppBar以填充24呈现。将样式传递给appbar只是添加24，而不是覆盖。
只需比较stackoverflow和material-ui appbar的菜单栏高度，如何将AppBar高度降低至少10px？
浏览 1提问于2018-04-24得票数 2
我有一个用创建的React应用程序，我使用@material/core包进行主题化。
要自定义组件，我使用withStyles高级组件(由MaterialUI提供)。
根据文档，它支持嵌套的ThemeProviders 。
但是在子类内部，ThemeProvider withStyles不会应用类。
下面是演示问题-> 的基本应用程序
ExampleComponent.tsx
import React, { FunctionComponent } from "react";
import {
WithStyles,
withStyles,
createStyl
浏览 0提问于2020-04-13得票数 4
回答已采纳
1回答
你好，我目前正在使用角度材料步进器。我想改变我的水平步进到垂直步进在较低的屏幕宽度。我目前的方法是使用2ngif，但是我的Steppers中的所有东西都是多余的。有没有办法将html标记从
<mat-horizontal-stepper>
至
<mat-vertical-stepper>
或者重复使用我的踏步机内部
<mat-horizontal-stepper>
<!-- html-Stuff-->
</mat-horizontal-stepper>
<mat-vertical-stepper>
<!--th
浏览 0提问于2018-11-06得票数 0
1回答
我试图水平对齐两个绝对定位元素在一个flex项目内。
这是我现在的
：
<div class="stepper-wrapper">
<ul class="step-wrapper" >
<li class="step__bubble"></li>
<li class="step__circle"></li>
</ul>
<ul class="step-wrapper" >
<li
浏览 4提问于2016-10-28得票数 0
回答已采纳
我正在用Wordpress做一个网站，我有一个粘性的菜单。当我在页面的上半部分时，背景是白色的，所以我使用黑色菜单项颜色。但当我向下滚动时，出现了黑色菜单背景，使我的项目不可见。有没有办法改变CSS代码，使菜单项的默认颜色是黑色，但当我向下滚动时，它会变成白色？
浏览 10提问于2017-02-13得票数 1
回答已采纳
我想有一个有粘性副标题的material-ui列表项目。我设法获得了这个粘性，但当滚动时，副标题与项目重叠：
如何防止这种情况发生？完整代码：
<List
{...rest}
className={clsx(classes.root, className)}
subheader={<li />}
>
{pages.map(group => (
<li>
<ul className={classes.ul}>
浏览 0提问于2020-01-07得票数 6
2回答
我正在使用一个css类：
#navbar .current-menu-ancestor ul.sub-menu {display:inline;}
以使其页面的子菜单具有粘性。
如果我悬停在其他顶级菜单项上，我需要隐藏它(通过jQuery)。
示例：
顶级项目1
- Menu 1a
- Menu 1b顶级项目2
最重要的项目3
-菜单3a
-菜单3b
-菜单3c
如果我在页面Menu 1b上，我现在已经显示了Top Item 1的所有子菜单。
我需要它，当我悬停在顶部项目3，以显示其子菜单，并隐藏“活动”子菜单。
(这些是具有透明背景的水平子菜单...)
浏览 0提问于2012-12-28得票数 0
回答已采纳
3回答
我在努力学习设计一个网站。
有任何方法，我可以设置我的整个页面宽度为1000px与当前响应粘性页脚我有？
如果可能的话，在上面提到的条件之上，我希望左、右div水平对齐，当屏幕折叠时div将变成垂直对齐。
以下是我的html/css代码：
浏览 2提问于2014-06-17得票数 0
回答已采纳
1回答
在数组映射中使用状态的正确方式是什么 我想映射一个数据数组。在每个项目上，我都有一个菜单和来自material-ui的MenuItem。我通过更改状态来处理打开菜单的方法。但是，如果我只使用一种状态，那么所有菜单都将打开，因为要打开每个数组上的菜单，我只使用this.state.open。你知道如何使菜单只在期望的数组上打开吗？谢谢你的帮助。 这是我到目前为止所做的。 import React, { Component } from 'react'
import Menu from '@material-ui/core/Menu'
import MenuIte
浏览 10提问于2019-01-17得票数 0
回答已采纳
3回答
我有一个边栏有一个头球。我想有一个标志+切换按钮内联在标题。
由于某种原因，我无法正确地对齐按钮。
我根据引导5文档所做的尝试，以及一些这样的答案：
text-right
text-end
float-right
他们都不起作用。
如果屏幕调整大小(如何使按钮保持静态/粘性)，如何使按钮向右对齐，并防止其更改位置？
目前的结果：
期望的结果(中间垂直对齐，右边水平排列)：
浏览 8提问于2021-10-27得票数 0
回答已采纳
我想要添加到我的应用程序中，并且我将第一个示例添加到我的应用程序中，但在我的控制台上出现了以下错误：“未捕获TypeError:无法读取未定义的属性'toUpperCase‘”
import React from 'react';
import Router from 'react-router';
import mui from 'material-ui';
var Link = Router.Link,
Paper = mui.Paper,
Stepper = mui.Stepper,
Step = mui.
浏览 0提问于2016-06-17得票数 0
4回答
我正在使用创建一个全屏背景。(更新:对图像使用100%的高度和宽度不是我想要的，因为这只是延伸图像，这个脚本保持高宽比。)。
我还试图使用合并一个粘性页脚。
添加粘性页脚部分是在背景图像上创建一些额外的水平滚动。
我的图像是700 px466px，我的浏览器窗口是1240x1414。我的网站位于浏览器窗口的中间水平，但有一个额外的滚动，可以做的右边。
如何使整个屏幕背景图像与粘性页脚一起工作，从而消除额外的水平滚动？粘性页脚需要坐在背景图像的顶部，而不是在它下面。
更新:使用Supr的答案来解决水平问题，唯一要解决的问题是页脚位于背景图像的下方，而不是在其之上。
这是我的css：
* {
浏览 1提问于2012-02-02得票数 0
回答已采纳
我试图解决一个问题，我认为是与Wordpress粘性菜单问题有关。此页面显示了问题所在：
在Chrome中，使用鼠标滚轮向下滚动，此页面将根据浏览器窗口的大小显示不同类型的行为。
( a)如果浏览器窗口的大小(垂直)仅为一行产品可见，则行为与预期相同。页面将一直滚动到页脚，并显示粘性菜单。
( b)如果我的浏览器窗口的大小使得两行产品几乎不可见，那么在我到达页脚之前，内容就会闪烁。(有时，我甚至无法到达页脚。)顶部的粘性菜单永远看不见。
我已经看到了许多关于这个问题的解决方案(假设这个问题是一个棘手的菜单问题)，但还没有完全理解它们。我对CSS相当熟悉，但对JS不太熟悉。我理解的一个解决方案是
浏览 3提问于2016-12-10得票数 0
2回答
该问题的工作如下。我有一些代码是这样工作的：
<content1>
<mat-horizontal-stepper *ngIf="somevar" >
<content2></content2>
</mat-horizontal-stepper>
<mat-vertical-stepper *ngIf="!somevar" >
<content2></content2>
</mat-vertical
浏览 3提问于2018-10-04得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
