Material-UI列表项在AppBar顶部滚动

文章/答案/技术大牛

发布

1回答

reactjs、material-ui

我正在使用React.JS的Material-UI ()来制作一个移动应用程序。我有一个问题的列表项目滚动其内容顶部的应用程序栏。其他内容(例如，a中的普通段落文本)可以正常滚动。下图显示了滚动内容如何显示在应用程序栏的顶部：虽然这些图片显示了一些添加的普通文本(源码如下)，但滚动良好：“某些文本”元素在AppBar下正确滚动：“普通”文本(即不

浏览 0提问于2017-02-07得票数 0

回答已采纳

1回答

折叠一个AppBar，同时在物料用户界面中滚动显示另一个AppBar

javascript、css、reactjs、material-ui、appbar

在它里面，我有两个AppBar，第一个是粘性的，第二个不是。默认情况下，只有第二个AppBar显示。当我们滚动时，我希望第二个AppBar折叠，第一个AppBar显示粘在屏幕顶部。我从Material文档中看到了，但它只显示了在滚动中隐藏AppBar。// Header.jsimport { AppBar

浏览 0提问于2020-05-20得票数 0

回答已采纳

1回答

ReactRouterHashLink无法很好地使用material UI抽屉进行播放

reactjs、material-ui、react-router-dom

我使用了material-ui、react-router和react-router-hash-link包。我想有一个材料UI抽屉(沿着appbar)有滚动到页面中的特定正文的hashlink，但是每当我这样做时，滚动就会发生，但当我关闭抽屉时，它会将滚动条恢复到页面顶部。

浏览 2提问于2020-06-12得票数 0

1回答

material-ui: AppBar with position="fixed“-在具有正文背景的顶部覆盖AppBar上滚动iOS

material-ui

so -使用material-ui v1.2.0 (以及之前的所有版本)。我从"Component Demos“/ "Drawers”/ "Mini variant drawer“示例中的默认示例开始，然后更改至现在的问题是，当我<e

浏览 4提问于2018-06-06得票数 1

1回答

如何在使用Reactjs Material-UI滚动时自动隐藏AppBar

reactjs、scroll、material-design、material-ui

如何在滚动时自动隐藏Reactjs <AppBar/>组件，如图1所示？ import React from 'react';import{ withStyles } from '@material-ui/core/style

浏览 1提问于2019-01-27得票数 3

6回答

固定AppBar下的内容

javascript、reactjs、material-ui

可能是一个基本的问题，但我在文档中找不到任何例子。使用material-ui-next beta.30。我有以下几点：import * as ReactDOM from 'react-dom';import 'typeface-roboto'; return (

浏览 3提问于2018-01-29得票数 39

回答已采纳

4回答

更改后的样式onClick适用于所有ListItems，而不是单个ListItems

reactjs、material-ui

我应用了一个函数clickHandler在选定的状态和非选定的状态之间切换。基于menuItem的状态，我想改变它的风格。/core/styles';import {Link} from "react-router-dom";import ListItemText from "@material-ui/

浏览 2提问于2020-08-15得票数 2

回答已采纳

1回答

ReactJS -如何在另一个顶部设置3DivsOne？

html、css、reactjs、material-ui

我自己的研究：试图对一个由3个div组成的模拟网页做一个基本的轮廓： Header Div -在顶部，而不是Sticky (=当你的y轴滚动时，它不是appear).Content Div -在中间，Y/X轴Scrollable.Bottom Nav Div在

浏览 2提问于2020-07-05得票数 0

回答已采纳

1回答

如何从紫色更改Appbar链接

javascript、reactjs

我有一个反应网络应用程序，在那里我的Appbar选项有相关的链接，其中下划线和转紫色字体。我也有一个滚动功能，当我从页面的顶部向下滚动时，将文本颜色更改为黑色。报头import { makeStyles } from '@material-ui/core/styles'; import { AppBar, IconButto

浏览 3提问于2021-03-23得票数 0

回答已采纳

1回答

使用嵌套列表项的React/Material抽屉在单击时关闭

javascript、node.js、reactjs、material-ui

我在我的反应项目中使用了Material，并且当我添加嵌套的列表项时，我在让抽屉正常工作方面有问题。在我把它们加进去之前一切都很顺利。我认为根本原因是，通过单击下拉菜单并将列表项的状态更改为打开，我将导致应用程序重新呈现。不知道怎么解决这个问题。import AppBar from "@material-ui/core/AppBar"

浏览 4提问于2020-11-11得票数 1

1回答

如何在顶部肚脐下面添加一个粘稠的肚脐？ReactJS

javascript、reactjs、material-ui

我的第一个肚脐在顶部，当我滚动时，从透明变成黑暗。第二个条形图(屏幕截图中的紫色很容易看到)目前在第一个导航栏后面，我希望它就在标题背景图像的正下方。/core/styles';import SortIconfrom '@material-ui

浏览 7提问于2021-03-15得票数 0

回答已采纳

1回答

我正在寻找设置SPA页面布局的最佳方法，SPA由顶部的静态标题(AppBar)和标题下面的动态页面内容组成。页面内容ScreenSizePage有时(但并非总是)的高度应该与屏幕的剩余高度完全匹配。换句话说:怎样才能使div在ScreenSizePage中的高度完全符合素材UI应用程序中剩余的屏幕高度？index.tsx:import ReactDOM from 'react-dom'; import CssBaseline from '

浏览 1提问于2019-10-16得票数 3

回答已采纳

1回答

如何在我的应用程序中添加“从材料用户界面返回到顶部”按钮的AppBar以作出反应？

javascript、reactjs、material-ui、jsx、appbar

在资料UI的文档中，我发现了以下代码：import PropTypes from 'prop-types';import Toolbar from '@material-ui/core/Toolbar'; import Typography

浏览 1提问于2020-05-03得票数 3

回答已采纳

1回答

如何将AppBar保持在屏幕顶部

dart、flutter

是否有办法防止appBar保持固定在屏幕顶部？我希望appBar在屏幕顶部是静态的，并且能够滚动出视图。 appBar: new AppBar(..) )

浏览 2提问于2018-05-13得票数 1

回答已采纳

1回答

当AppBar在div中时，如何使它隐藏并显示在滚动体上？

javascript、css、reactjs、material-ui

我有一个AppBar在一个div中，我想将它隐藏在向下滚动，然后显示在滚动向上。height: "400px", width: "300px", overflow: "auto" }}> <AppBar<Typography variant="h6">Scroll to Hide App

浏览 0提问于2020-06-06得票数 0

回答已采纳

2回答

使React AppBar和SplitPane适合不使用滚动条

reactjs、material-ui

我正在制作一个React页面，上面有一个AppBar，下面有一个SplitPane，这样用户就可以编辑和预览内容，还可以调整大小。问题是SplitPane似乎在调整自己的大小，就好像AppBar不存在一样，这给UI造成了很大的混乱: SplitPane中的两个窗格都是可滚动的，然后根视图也是可滚动的。我希望只有窗格是可滚动的。这是一个简单的例子，它展示了我遇到的问题：import AppBar

浏览 46提问于2019-07-22得票数 4

2回答

反应，我如何坚持与路由器侧抽屉选择列表项目的状态？

javascript、reactjs、react-router、material-ui、react-router-dom

我把路线与我的材料UI持久化抽屉列表项目与一些自定义样式，就像我点击一个列表项目，它突出显示它。但是，当我刷新页面时，我面临一个问题--我所选择的列表项会被重置，即使我仍然在同一页面上。有人能告诉我，即使页面被刷新，我如何持久化所选的列表项？这是我要展示的问题。下面是相同的代码注意：，我建议您浏览我的代码沙箱，这样在</em

浏览 3提问于2021-05-01得票数 0

回答已采纳

2回答

如何在材料UI抽屉组件中包含主组件的宽度？

reactjs、material-ui

我在试着用抽屉在材料界面上。这是我的部件。我希望主div (其中一个列表项目的内容在抽屉中)呈现，只占用尽可能多的空间是可用的水平滚动。/core/styles';import AppB

浏览 3提问于2020-07-13得票数 3

回答已采纳

2回答

react-scroll的活动类不能正常工作

javascript、reactjs

当我运行页面并滚动到<Element></Element>时，活动类没有显示，也没有在DOM中呈现import { makeStyles } from "@material-ui/core/styles"; importAppBar from "@<e

浏览 0提问于2020-03-19得票数 2

1回答

应用程序栏菜单项未打开正确的子菜单

reactjs、material-ui

我试图在顶部构建一个包含多个菜单项的简单导航栏。我以material-ui.com网站上的“简单菜单”为例。我尝试在应用程序栏中添加第二个菜单项。import React from 'react';import AppBar from'@material-ui/core/AppB

浏览 14提问于2019-06-04得票数 3

回答已采纳

点击加载更多