首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >材料UI抽屉永久变体不工作。搬出原处

材料UI抽屉永久变体不工作。搬出原处
EN

Stack Overflow用户
提问于 2020-06-12 12:13:32
回答 1查看 1.5K关注 0票数 2

我创造了一个材料界面屏幕。其中有这样的结构

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div>
<Router>
  <Appbar>
  </Appbar>

  <Drawer>
  </Drawer>

  <main>
  </main>
</Router>
</div>

我在抽屉里用了variant=的“永久”。

问题:主标签中的内容是一个有很多列的大表。我在抽屉课之外用过它。但是,当在桌子容器的左边水平滚动时,抽屉也随之向左滚动。我用的是永久变体,然后它也会向左转。

对这件事有什么想法。我认为抽屉和主标签是连在一起的,所以滚动离开桌子,把它们都卷起来。

附件的位置是固定的。试图使导航抽屉也被修复;这是模型的样子。

Update:将代码移动到Codepen https://1hi76.csb.app/

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-06-12 13:44:23

您可以将overflow: auto设置为main标记:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
content: {
  flexGrow: 1,
  padding: theme.spacing(3),
  overflow: "auto"
}

这是一个沙箱

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/62351823

复制
相关文章
Windows凭据不工作
如果不是敲错IP、用户名、密码,报凭据不工作,一般情况下执行这几句命令后重启远程服务就正常了
Windows技术交流
2021/06/15
6.1K0
Http请求不阻塞ui操作
利用QEventLoop与QNetworkAccessManager实现网络请求不阻塞ui的操作。 使用场景 当我们发送一个网络请求时,持续等待发送回来的数据,再进行下一步操作,但是期间ui不能阻塞的情况。 示例 QEventLoop类提供一种进入和退出事件循环的方法。 exec与 quit分别为进入和退出事件循环。 QNetworkAccessManager manager; QNetworkRequest request(QUrl("http://www.qtbig.com")); QNetworkRe
Qt君
2019/07/15
9870
变体(variance)
变体(variance)是协变(convariance)和抗变(也说逆变contravariance)的统称。这个概念在.net 4中引入,在.net 2.0中就可以使用,但是比较麻烦,.net 4将这一概念封装成了特性。
宿春磊Charles
2022/03/29
4670
变体(variance)
flutter上拉抽屉效果 flutter拖动抽屉效果
2、 抽屉关闭状态时,向上滑动,滑动过一定的高度时自动向上滑动打开,当没有滑动过一定的高度时,自动向下滑动,呈关闭状态;
早起的年轻人
2020/07/07
3.4K0
浅谈DrawerLayout(抽屉效果)
DrawerLayout是V4包下提供的一种左滑右滑抽屉布局效果。 实现效果如下: 因为是官方提供的,所以使用起来也相对的比较简单。 DrawerLayout 提供 1、当界面弹出的时候,主要内容区
听着music睡
2018/05/18
1.6K0
RDP你的凭据不工作/RDP密码不刷新
如果你不属于上述的情况,请查看:https://learn.microsoft.com/zh-cn/windows-server/remote/remote-desktop-services/troubleshoot/rdp-error-general-troubleshooting#check-whether-a-group-policy-object-gpo-is-blocking-rdp-on-a-local-computer
阿龙w
2022/12/02
12.7K0
RDP你的凭据不工作/RDP密码不刷新
bert相关变体
论文地址:https://arxiv.org/pdf/1906.08237.pdf 预训练模型及代码地址:https://github.com/zihangdai/xlnet 论文原理:XLNet:运行机制及和Bert的异同比较 https://zhuanlan.zhihu.com/p/7025742 融合自回归和自编码模型的优点 解决问题:
西西嘛呦
2021/02/25
7640
Android 侧滑抽屉菜单
  滑动菜单相信都不会陌生,你可能见过很多这样的文章,但我的文章会给你不一样的阅读和操作体验。
晨曦_LLW
2021/03/23
4K0
Android 侧滑抽屉菜单
iOS简易抽屉效果
直接在controller里面加代码实现的抽屉效果 @interface ViewController () { UIView* _leftView; } @end @implementation ViewController (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typically from a nib. _leftView = [[UIVie
用户8671053
2021/10/29
8740
transformer相关变体
基于transformer-XL 方法进行改进,通过压缩memory 使得模型可以处理更长的序列。
西西嘛呦
2021/03/04
8310
transformer相关变体
Rn使用drawer抽屉
npm install @react-navigation/drawer 官方文档 import React from 'react'; import { View, Text, Button } from 'react-native'; import { DrawerContentScrollView, createDrawerNavigator } from '@react-navigation/drawer'; const Drawer = createDrawerNavigator
明知山
2021/07/08
1.4K0
抽屉网点赞爬虫
import requests from bs4 import BeautifulSoup import time user_cookie = "" # 注意:抽屉网 cookies中的gpsd是最要的验证数据 def login(phone_id, phone_pwd): global user_cookie # 因为抽屉的cookie设置比较特别,其cookie为未登录状态下的cookie通过登录成功来进行验证,从而认证为登录状态下的cookie r1 = reques
py3study
2020/01/19
4600
128 天不上班不工作:照样领工资 9.5 万
原告:北京和风畅想科技有限公司 被告:杜某,男,1988年出生 和风畅想公司向法院提出诉讼请求: 1、判决无须撤销《解除劳动关系通知书》,双方无需继续履行劳动合同; 2、判决和风畅想公司无须向杜某支付自2020年2月29日至2020年7月5日期间工资收入损失95172.41元。 事实和理由: 2020年11月2日,和风畅想公司收到北京市朝阳区劳动人事争议仲裁委员会作出的京朝劳人仲字[2020]第16281号裁决书(以下简称“第16281号裁决书”),和风畅想公司不服该裁决。 不服裁决理由: 一、第1628
云头条
2022/10/09
2.2K0
128 天不上班不工作:照样领工资  9.5 万
前端之练习抽屉首页
代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } a{ text-decoration: none; } body{
超蛋lhy
2018/08/31
1K0
前端之练习抽屉首页
.NET Core/.NET5/.NET6 开源项目汇总11:WPF组件库1
WPF(Windows Presentation Foundation)是微软推出的基于Windows 的用户界面框架,属于.NET Framework 3.0的一部分。它提供了统一的编程模型、语言和框架,真正做到了分离界面设计人员与开发人员的工作;同时它提供了全新的多媒体交互用户图形界面。
张传宁IT讲堂
2021/07/19
2.9K0
.NET Core/.NET5/.NET6 开源项目汇总11:WPF组件库1
数字图像处理之复原处理
                                                        by方阳
努力努力再努力F
2018/09/11
7980
数字图像处理之复原处理
AgentTesla新变体分析
AgentTesla是基于.Net的恶意软件,可从受害机器窃取不同应用程序的数据(例如浏览器,FTP客户端和文件下载器)。攻击者通过添加新模块不断对其进行更新维护,该恶意软件最新添加了WiFi配置文件窃取模块。
FB客服
2020/05/29
8590
AgentTesla新变体分析
组合数学-抽屉原理
抽屉原理又称鸽巢原理:把 n+1个物品放进 n个盒子里,那么至少有一个盒子包含两个及以上的物品。
唔仄lo咚锵
2020/09/15
7770
点击加载更多

相似问题

反应材料UI抽屉-滑动过渡不工作

17

抽屉组件材料中未显示的“临时”变体-ui

14

如何在移动视图上隐藏材料-Ui迷你变体抽屉

31

抽屉材料-ui关闭抽屉功能问题

127

材料-ui抽屉宽度问题

99
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文