个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在用 React 编写一个单页应用程序。此应用程序中的所有页面都有标题和一些内容。标题是固定的，内容是可滚动的。为此，我将高度设置为 100%从 <html> 开始标记到 <Page>成分。 <Page>组件本身是一个带有固定高度标题的 flexbox，内容区域设置为 flex: 1和 overflow: auto允许滚动。以下是仅使用 HTML 和 CSS 的应用的简化结构:
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
height: 100%;
margin: 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
}
.scrolling-page {
height: 100%;
display: flex;
flex-direction: column;
}
.header {
background-color: #eeeeee;
height: 50px;
font-size: 24px;
line-height: 34px;
padding: 8px;
}
.content {
flex: 1;
overflow: auto;
padding: 8px;
}<div class="scrolling-page">
<header class="header">
Header
</header>
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur
mollitia maxime facere quae cumque perferendis cum atque quia
repellendus rerum eaque quod quibusdam incidunt blanditiis possimus
temporibus reiciendis deserunt sequi eveniet necessitatibus maiores quas
assumenda voluptate qui odio laboriosam totam repudiandae? Doloremque
dignissimos voluptatibus eveniet rem quasi minus ex cumque esse culpa
cupiditate cum architecto! Facilis deleniti unde suscipit minima
obcaecati vero ea soluta odio cupiditate placeat vitae nesciunt quis
alias dolorum nemo sint facere. Deleniti itaque incidunt eligendi qui
nemo corporis ducimus beatae consequatur est iusto dolorum consequuntur
vero debitis saepe voluptatem impedit sint ea numquam quia voluptate
alias dolorum nemo sint facere. Deleniti itaque incidunt eligendi qui
nemo corporis ducimus beatae consequatur est iusto dolorum consequuntur
vero debitis saepe voluptatem impedit sint ea numquam quia voluptate
</div>
</div>我现在想创建同一页面的一个版本，它不会滚动并且只占据页面所需的高度，而不是 100% 的页面。这需要删除 100%从 <html> 开始的高度标记下来。但是，由于这是一个单页应用程序，我无法同时使用这两种方式。 <html> 只有一个实例, <body>等等。您有什么办法解决这个问题吗？
最佳答案
我不确定我是否按照你的意图去做。如果它只是在内容不足以溢出视口(viewport)时显示“流体”高度版本，并且固定 100% 的视口(viewport)版本带有滚动bars 当内容较大时，max-height 100vh 和 overflow auto 就可以了
关于html - 单页应用的滚动和非滚动版本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48143462/
25
4
0
在 Windows 世界中，什么是正确的名称。具有导出函数的老式 C++ DLL？不是 COM DLL，也不是 .NET DLL。我们以前通过调用 LoadLibrary() 和 GetProcAdd
目前我正在使用javaEE7，我有一个场景如下。在我的 JSF Web 应用程序中，我有一个事件监听器(不是 JSF 事件)，当事件调用时，它会执行某些操作，然后将这些信息更新到我的 Web 应用程序
这不是 AJAX 请求/响应回调问题... 我正在使用 Dojo 1.5 构建网格。我正在尝试 dojo.connect具有功能的扩展/收缩按钮。我的问题是 grid.startup()在创建实际 D
非 Webkit Opera 是 very specific在某些功能中，因此通常通过 JavaScript 检测到 the following way . 但是，Opera Next 几乎是 Goo
我已查看以下链接中给出的所有日志，但未能找到 IP 地址: https://developer.couchbase.com/documentation/server/3.x/admin/Misc/Tr
我有一个命令行程序，它根据一组源文件生成一个我想在我的 Android gradle 构建 (A) 中使用的 jar 文件。这个命令行程序只是将一个 jar 文件存储在磁盘上的一个目录中。 我如何创建
下面的 htaccess 命令将所有非 www 转移到 http www RewriteEngine On RewriteCond %{HTTP_HOST} !^www\. RewriteRule ^
我正在使用自定义链接器脚本将内核镜像分为两部分。第一个是普通代码和数据，第二个是初始化代码和不再需要时将被丢弃的数据。初始化部分也不像内核本身那样在地址空间之间共享，因此如果 fork() 仍然存在(
这个问题在这里已经有了答案: Several unary operators in C and C++ (3 个答案) What is the "-->" operator in C++? (29
假设我有一个类设置如下: class A { public: virtual void foo() { printf("default implementation\n"); } }; c
#include using namespace std; int main(int argc, char *argv[]) { int i=-5; while(~(i)) {
近期，百度搜索引擎变化无常，很多企业站、行业站、门户站、论坛等站点遭到了降权，特别是比比贴分类信息网直接遭到了拔毛，这对于广大站长来说是一种打击，也是各个企业、行业的打击。 至今，很多网站已经恢复
我现在正在使用 IBM TPM v1332 + IBM TSS v1470 并尝试将一些基本关键字/密码存储到 TPM 上的非 volatile 内存中。我找到了两种方法。一种是创建一个密封对象并使用
我的 PHP 脚本中有一个正则表达式，如下所示: /(\b$term|$term\b)(?!([^)/iu 这与 $term 中包含的单词匹配，只要前后有单词边界并且它不在 HTML 标记内即可。 但
我想显示用户名称地址(请参阅 www.ipchicken.com )，但我唯一能找到的是 IP 地址。我尝试了反向查找，但也没有用: IPAddress ip = IPAddress.Parse(th
只有 UI 线程能够显示到屏幕上，还是其他线程也可以这样做？ 最佳答案 不，您只能直接从 UI 线程访问 UI，但您可以编码来自其他线程的结果，例如使用 Control.Invoke 或 contro
我正在使用现代 Excel 滚动条(不是旧的 ActiveX 类型，即开发人员 > 插入 > 表单控件 > 滚动条)并且想检测它的值何时更改。我找不到有关此类对象的更改事件的任何信息。您可以在单击时分
当我使用这段代码时 IE 6 确实正确使用了指定的样式表，但所有其他浏览器在应该使用基本上声明的样式表时会忽略这两种样式表，如果您不是 IE，请使用此样式表。 有什么想法吗？ 最佳答案 n
我想指定 2 mssql 表之间的关系。 付款类别和付款。 paymentcategory.id 加入 payout.category 列。 在 payout.json 模型中 我指定为外键:id，
我正在尝试制作非 volatile UDF，但似乎不可能。因此，这是我非常简单的test-UDF: Option Explicit Dim i As Integer Sub Main() i = 0
我是一名优秀的程序员,十分优秀！