无法更改主体高度reactJS
ReactJS是一个用于构建用户界面的JavaScript库。它由Facebook开发并开源，被广泛应用于前端开发领域。ReactJS采用组件化的开发模式，将用户界面拆分成独立的可复用组件，通过组件的组合和嵌套来构建复杂的用户界面。
无法更改主体高度reactJS是一个问题描述，可能是指在使用ReactJS开发过程中遇到的无法更改主体高度的情况。具体解决该问题的方法取决于具体的场景和需求，以下是一些可能的解决方案：
- 使用CSS样式：可以通过在React组件中使用CSS样式来更改主体的高度。可以使用内联样式或者外部样式表来设置主体的高度属性。
- 使用React组件的state：可以在React组件中定义一个state变量来存储主体的高度，并通过setState方法来更新该变量。然后在render方法中根据state的值来设置主体的高度。
- 使用React的生命周期方法：可以在React组件的生命周期方法中监听主体高度的变化，并在变化时更新组件的状态或执行相应的操作。
- 使用第三方库：可以使用一些第三方库来处理主体高度的问题，例如react-resize-detector可以监听DOM元素的尺寸变化，react-sizeme可以自动计算组件的尺寸等。
需要注意的是，以上解决方案仅供参考，具体的解决方法需要根据具体的情况和需求进行调整。另外，腾讯云提供了一系列与云计算相关的产品，例如云服务器、云数据库、云存储等，可以根据具体的需求选择相应的产品进行使用。
相关·内容
2回答
我无法设置100%的高度，我的DIVs，尽管设置min-height的IE。下面分别是CSS和HTML。截图也附呈。
如您所见，左边的滚动条没有100%显示。
CSS
body
{
margin:0;padding:0;
min-height:100%;
height:100%;
}
#container
{
background-color: "#FFF";
width:100%;
margin: 1%;
overflow:auto;
min-height:100%;
height:100%;
浏览 1提问于2013-06-28得票数 1
回答已采纳
2回答
我正在尝试使用jQuery制作底部按钮的动画滚动，当页面位于底部时，该按钮会淡出。我已经在互联网上找到了这段代码，并对其进行了修改，但我无法让它工作。
<script>
//to bottom
$(document).ready(function(){
// hide #back-top first
$("#back-bottom").show();
// fade in #back-top
$(function () {
$(window).scroll
浏览 0提问于2012-09-08得票数 1
回答已采纳
我需要根据日期检索数据。我和邮差一起测试了我的路线，一切都很顺利。但是，当我使用日期进行axios查询时，它返回一个空数组。我知道这将是axios的日期格式问题，但我无法解决。你能帮帮我吗？
下面是我前面的代码：
const getDailyWorking =()=>{
let datas={
activity_creationTimestamp: ('2022-06-28'),
user_id:1
}
console.log(datas)
return axios.get(config.api_url+&
浏览 3提问于2022-07-14得票数 0
回答已采纳
我为布局创建了一组非常简单的css类。
但是，我无法摆脱预览上的滚动条。
它一定是一个非常小和愚蠢的东西，但我无法得到它。
浏览 4提问于2014-06-03得票数 0
回答已采纳
我正在尝试将对象标记的大小调整为呈现页面高度的100%。我尝试过不同的方法来完成它，但仍然做不到。下面我提到了我尝试过的几种不同的方法。
CSS
#container {
display: flex;
flex-direction:column;
width:100%;
}
#container object {
flex: 1;
}
*******************
object {
height : 100%;
width : 100%;
overflow : hidden;
}
*****
浏览 2提问于2020-10-20得票数 1
2回答
如果你在测试页面上向下滚动，你可以看到我的奋斗所在：
身体有100%的高度，在得到100%高度的文件之前。但主体只获取视图100%的高度，而不是文档100%的高度。
页面每次都应该包含100%的文档高度。
文档高度至少应该是每次视口高度时。
页面的顶部或底部不应该有空格。
我不明白为什么它现在只有百分之百的视口高度。
有人能给我解释一下吗？
浏览 4提问于2016-01-17得票数 0
回答已采纳
我正在做一个项目，我正在尝试将 + 结合起来。
我正处在一个阶段，我使用create-react-app创建了自己的React项目，通过npm安装了Marzipano，并从Marzipano示例中复制/稍微修改了一些样板代码，以使其适合于React应用程序。
注意，我还将作为一个依赖项安装在我的项目中，因为当我试图导入没有它的Marzipano时，我得到了以下错误：
模块未找到:无法解析“glslify”
还请注意，glslify是Marzipano的dev依赖项，而不是产品依赖项。我认为通过将它作为依赖项来安装可能是我绊倒的地方，但是它抛出了上面的错误而没有它，所以不知道该怎么做。
浏览 1提问于2018-06-29得票数 0
2回答
我的Angular SPA出了点问题。正文上的背景图像在页面中间停止。
我的index.html
<body>
<div ng-view autoscroll="true"></div>
</body>
我的style.css
html, body {
height: 100%;
width: 100%;
margin: 0;
}
body {
padding-top: 80px;
background: url("../img/bg-blue.jpg") repe
浏览 5提问于2016-10-24得票数 0
我一直在尝试做一个简单的代码，可以在移动视图(响应式)中触发滚动事件。
当窗口大于768px时，该事件将正确激发。但当它在移动视图中时，它就不能很好地工作。这是react的问题吗？
import React, { Component } from 'react';
import PropTypes from 'prop-types';
class MyComp extends Component {
constructor(props) {
super(props);
this.state = {};
this.handleScroll = th
浏览 15提问于2018-08-18得票数 1
回答已采纳
我希望当页面变大的时候身体会扩展。我试着使身体的高度达到100%，html元素的高度达到100%，但它没有像预期的那样工作：
蓝色代表身体，红色代表html元素
我希望它的主体涵盖了整个html元素。这就是我在css中的代码：
html {
font-family: Palatino, 'Palatino Linotype', serif;
background-color: red;
height: 100%;
margin: 0;
padding: 0;
}
body {
background-color: blue;
height: 100%;
margin:
浏览 5提问于2020-05-25得票数 0
回答已采纳
我正在使用HighStocks的HighCharts包装器来测试React .反应-101/
当div容器使用100%宽度和100%高度时，无法使HighStocks控件占据全部容器大小，并且子容器具有高度:calc(100%-40 am )；
如果有一个可以共享的示例或示例，可以显示HighStocks在for中占据了完整的div容器大小，那么使用HighCharts包装器来进行for将是非常有用的。
浏览 1提问于2020-02-20得票数 0
回答已采纳
1回答
在滚动上淡出元素时出现问题
、、、、
我有一个固定位置的文章元素，我想在滚动页面时淡出它。我对Javascript不是很有经验，但是经过一些研究，我把这个脚本放到了一起；
<script type="text/javascript">
//when the DOM has loaded
$(document).ready(function() {
//attach some code to the scroll event of the window object
//or whatever element(s) see
浏览 2提问于2013-03-09得票数 0
回答已采纳
我一直存在的问题是，如果拍摄背景图像，除非给出一个固定的宽度，否则我无法看到这个图像：
<div class="picture">
</div>
.picture {
background-image: url('img/start_bigpic.jpg');
background-size: 100%;
}
这不管用。即使我更新它像这样，图像也不会显示。
.picture {
background-image: url('img/start_bigpic.jpg');
background-size: 100%;
wi
浏览 3提问于2013-11-10得票数 1
我需要根据浏览器中可用的高度来调整垂直范围控件的大小。我只是想要它，但我认为有某种类型的填充/边界/保证金问题，我无法解决。尽管它根据浏览器的高度来调整自身大小，但我的范围控件总是从页面底部离开几个像素。
我就是这样得到身高的：
var height = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
然后使用它来设置滑块的高度：
document.getElementById("slider").setAttribute('style
浏览 1提问于2015-05-10得票数 4
1回答
我必须在iframe中显示一个外部页面。iframe's宽度相对较小(约400px)，无法更改。问题是，当我水平滚动iframe时，我可以看到包含的页面的背景没有绘制。但有些页面会正常呈现。
要重现的代码非常简单：
<iframe src="http://ubuntu.com"></iframe>
<iframe src="http://britannica.com"></iframe>
<iframe src="http://linktiger.com"></if
浏览 2提问于2013-04-21得票数 1
我觉得这个问题的答案会简单得令人尴尬，但它消耗了很多时间，我看不到解决方案。我正在做一个简单的无限滚动功能，需要脚本来识别后加载更多的内容窗口的新高度。该值始终与第一次加载时间相同。我基于编写了这段最新的代码，但它仍然不能工作。有什么想法？
var scrollFunction = function(){
var myTop = jQuery(window).scrollTop();
var myHeight = jQuery(window).height();
if (myTop >= myHeight){
$(
浏览 0提问于2012-08-31得票数 1
回答已采纳
2回答
我无法在移动设备上查看我网站的右侧。这是html和容器样式的基本编码。问题就在这里的某个地方，但我想不出来。我试过几种选择，但没有运气。请帮帮忙。
html, body {
margin:0;
padding:0;
max-width: 100%;
overflow-x: hidden;
}
#container {
background-color: #000;
height: 1054px;
width: 1400px;
margin-right: auto;
margin-left: auto;
margin-top: -20px;
浏览 6提问于2015-04-08得票数 0
回答已采纳
1回答
在添加了adsense的自动广告代码后，我正在使用Blogger的Soho模板，我的博客上的链接似乎无法正常工作。它在第一次点击时不会响应，你需要多次点击才能触发它。有时它会在我刷新页面后立即工作。这只发生在移动设备上，一旦我删除了自动广告代码，这个问题就消失了。
从adsense/blogger帮助论坛来看，这似乎是Contempo等其他模板的问题，值得注意的是，没有任何可用的解决方案。
粘性标题上的响应式广告在滚动时也覆盖了内容，但添加了以下css后就不再是问题了：
.centered-top-container.sticky {
position: inherit !import
浏览 3提问于2018-12-11得票数 7
我有一个css背景图像，我显示作为封面，以便它覆盖整个屏幕，但它没有显示图像的较低部分。
使用此图像：
无法在屏幕上看到白色房屋的下部。
使用铬浏览器。
CSS代码：
banner{
width: 100%;
height: 100vh;
background-image: url(./images/winter.png);
background-size: cover;
background-repeat:
position: relative;
text-align: center;
background-attachmen
浏览 14提问于2022-11-20得票数 2
有一点背景。我有一个dispatch函数，它触发我的GET axios调用来获取进度条的状态。到目前为止，它运行良好，但问题是，即使状态为finished，该函数仍在继续。有人能给我一个建议吗我能做什么？下面是我使用的代码的一部分
const [responseId] = useState(response.data.id)
const [processed, setProcessed] = useState(0);
const [total, setTotal] = useState(0);
const [status, setStatus] = useState('
浏览 1提问于2021-07-29得票数 0
回答已采纳
1回答
共享背景图像
、、、
我尝试用jquery在shopify中的产品页面中设置第一个产品映像作为背景图像，但是当我将以下代码放在这里时，我遇到了一个问题：
$('body').css('background', '#FFFFFF') (这只是一个例子)
背景只出现在页面的中间，我试着使用$('body').parent().css('background', '#FFFFFF')，但是背景出现在页面的标题中，我在一些网站上搜索过，解决方案是我编写的代码，但我不知道为什么在我的站点中不起作用。
我网站的网址是
所以，如果有人
浏览 1提问于2015-12-28得票数 3
回答已采纳
7回答
在fancybox主页()中，有一个示例打开了一个iFrame，其大小为屏幕的75%。
我无法通过修改站点上描述的.js文件的宽度和高度属性来获取它。
浏览 3提问于2010-03-18得票数 9
回答已采纳
我决定第一次尝试网页设计。
我决定试一试。然后我发现有一个用于React的FontAwesome库。凉爽的!然而，我的图标在我的页脚上呈现不同的大小，我不知道为什么。我花了几天时间在这件事上，我没有什么想法了。
我试过用内置大小的道具操纵图标。我也尝试过使用CSS手动调整大小和移动图标，这对我来说也没有用。最后，我尝试将图标容器更改为不同的标记。我检查过堆栈溢出、响应博客和阅读FontAwesome API文档，试图找出我做错了什么，但我一直无法找到解决方案。
它似乎与图标的“路径”属性有关，但我对svg图标的了解还不够，无法弄清楚原因。谁能看看我的密码吗？我很好奇这是库问题还是实现问题(我假
浏览 0提问于2020-04-21得票数 1
回答已采纳
1回答
行为 我无法在另一个溢出div中的div中滚动。奇怪的是，它只在移动分辨率下发生。 我有这个HTML结构： ? 以下是应用于div的css规则： .event-chat-messages {
margin-bottom: $event-chat-input-height;
overflow: auto;
height: calc(100vh - #{$event-chat-height-difference});
position: relative;
-webkit-overflow-scrolling: touch;
overs
浏览 18提问于2020-06-19得票数 0
回答已采纳
1回答
如果你打开我的网页在 (请不要取代这里的链接，因为我不希望谷歌链接到我的网站)。在非最大化窗口中，并在加载后使其最大化，您将看到渐变在较低的部分重新开始。在opera中，它是一个梯度，而在其他浏览器中，它是垂直重复的。
如何使其不重复(使渐变适应当前浏览器的高度)？
有时，我在右下角和左下角看到蓝色方块，是什么原因造成的？
浏览 0提问于2013-04-07得票数 0
回答已采纳
我有一个网站，我确信我可以在PC浏览器或移动浏览器中打开它，直到我使用React-Native Android Webview组件。
这个WebView组件，我可以用它打开一些url，比如m.facebook.com，但是不能打开我的网站，不知道为什么，我设置了一些WebView的道具，比如automaticallyAdjustContentInsets，javaScriptEnabled，domStorageEnabled，scalesPageToFit。
当我使用FB示例UIExplorer时，它对打开m.facebook.com很有效，但是当我更改我的网站的url时，无法打开它。
有人知
浏览 0提问于2016-03-03得票数 2
我一直在拼命地试图找到一种方法来根据内容调整我的iframe的大小。我有一个可以工作的脚本，我找到了，但是chrome仍然不能工作。框架确实变大了，但不会变小。我试了这么多代码，但都没有用。(iframes不是我的选择，顺便说一句)我不是js和jquery方面的专家，所以如果可以的话，请指导我。谢谢
浏览 2提问于2012-11-07得票数 2
回答已采纳
我正在测试一些CSS悬停效果，并在我的容器div的背景上显示了一个线性渐变，其中包含一个无序列表。我对body应用了另一个线性渐变来给页面一个不同的背景。由于某些原因，body上的渐变不起作用，我不确定为什么。有什么想法吗？
body {
margin: 0;
padding: 0;
background: linear-gradient(to right, #480048, #c04848);
font-family: 'Lato';
}
.container {
position: absolute;
top: 50%;
left: 50%
浏览 0提问于2018-06-09得票数 1
1回答
我在我的Angular应用程序中使用bootstrap 4.6，我有一个在移动设备上变得全屏的模式，在这里我会添加一个带有滚动正文内容的固定页脚。 我已经尝试将modal-content高度设置为100%，将页脚高度的边距设置为modal-body，但我仍然无法实现内容在页脚后面滚动。 下面是它的外观： ? Quantità和其他东西的部分是页脚，下面是我的模式代码： .modal-body {
padding: 0;
}
.modal-footer {
padding: 0;
margin-bottom: 1.5rem;
}
@media (max-width:
浏览 24提问于2021-09-28得票数 1
回答已采纳
1回答
我有一个带有HTML的iframe页面，它的内容需要在加载时滚动到某个位置。除了iOS Safari之外，我的示例在大多数浏览器中都很好--这是我真正需要的。它倾向于在第一个页面加载时在iOS Safari中工作，但通常情况下，在此之后的任何刷新都会将iframe内容滚动到顶部。
我读过关于重定向导致#anchorname被删除的问题，但在本例中不是这样的。
真实的iframe内容和主页位于不同的域上。我可以影响iframe的内容，但我无法控制它。它也被用于其他目的，所以我做任何可能干扰它的定制操作的能力都是有限的。
现场链接：
以下是父内容：
<!DOCTYPE html>
&l
浏览 3提问于2016-10-28得票数 6
回答已采纳
有没有可能css一个面板有100%的高度？我试过了
html,body{ height:100%}
然后把height: 100%放在小组中，没有运气。
浏览 0提问于2013-09-16得票数 14
回答已采纳
3回答
我试图有一个完整的页角材料标签，其中有标签，是完整的高度和有一个居中的信息。我已经创建了，因为我无法让它工作。fxFill似乎没有填充，我不确定这是Flexbox布局或角度材料的问题。我不想强迫在每个标签内的高度，因为这似乎击败了灵活的布局点。
我确信它很简单，但可以帮助一个已经习惯了引导网格的糟糕的、困惑的开发人员:)
更新添加高度:calc(100 is 100 Is)；到父div，然后再添加到tall.component div，但是确实是一个糟糕的解决方案。
浏览 1提问于2018-06-06得票数 21
回答已采纳
2回答
我只想要我的内容(没有导航条和标题)滚动，而不是整个页面。我已经尝试了几个小时的位置，溢出和更多。我觉得这和头像有关..。我很沮丧-有人能帮忙吗？提前谢谢！网址：
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,800,300);
*
{
margin: 0;
padding: 0;
box-sizing: border-box;
}
html
{
height: 100%;
}
body
{
font-family: 'Open Sans'
浏览 2提问于2016-05-11得票数 0
回答已采纳
3回答
动态保持身体高度的div
、、、
我希望我的div适合身体的高度，并且当我滚动时总是接触到身体的底部，所以我把它设为100%的高度。
但我很快就明白这不是正确的解决方案。当另一个div离开窗口时，当我滚动时，我看到我的div滚动到底部和它之间的边距。所以我刚刚用jQuery做了一个小片段：
$(window).resize(function(){
var pageHeight = $(document).height();
$('#menu').css('height', 'px');
$('#menu').css('height', pageHe
浏览 0提问于2014-08-04得票数 0
我刚接触超文本标记语言，并且是从w3schools学习的。我正在查看对象标签，并试图在浏览器中显示一个pdf。我无法理解为什么height属性在下面的代码中不起作用
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>try here</title>
</head>
<body>
<object data="redBus_Ticket_25718916.pdf
浏览 2提问于2013-08-18得票数 7
回答已采纳
我很好奇css文件中html, body{width:100%}的用途是什么？这是一种css重置代码吗？
禁用这段代码不会影响我在浏览器中看到的内容。它是对一些旧浏览器或移动设备的“错误修复”吗？我是不是遗漏了什么？有谁能解释一下吗？
谢谢你。
浏览 25提问于2014-06-09得票数 0
代码是这样的：
abstract class Element {
def contents: Array[String]
val height = contents.length
val width = if(height ==0 ) 0 else contents(0).length
override def toString = contents(0)
}
class ArrayElement(override val contents: Array[String]) extends Element
class LineElementT(s: String) exten
浏览 0提问于2016-03-02得票数 4
回答已采纳
我目前正面临这个错误：
Line 14:11: Expected an assignment or function call and instead saw an expression no-unused-expressions
我的代码看起来是这样的：
import React, { Component } from "react";
import { Checkbox } from "./Checkbox";
export const Tasks = () => {
const tasks = [];
let projectName =
浏览 3提问于2020-03-24得票数 0
回答已采纳
1回答
我想改变高度大小的div元素“容器-2”。因此，当我单击按钮组件并得到值= 10时，"Container-2“的高度将更改为100 to，前一个为50 to。
App.js
import React from 'react';
import Tugas9 from './tugas9/tugas9';
const App = () => {
return (
<>
<Tugas9/>
</>
);
}
export default App;
tugas9.js
import
浏览 3提问于2022-08-18得票数 0
回答已采纳
1回答
内容垂直对齐JavaScript
、、、、
喂，
基本上，我想要实现的是垂直对齐一些内容，在我的情况下名称和工作。
这里的问题是，当调整窗口大小时，我希望内容保持在中间。我找到了一个小脚本，但我仍然学习JS的基础知识，无法让它工作。
我的标记如下：
导航
垂直含量
页脚(位置:绝对；底部: 0;) //与底部对齐。
我创建了一个JSFiddle ()，所以你能明白我在说什么吗？
function getWindowHeight() {
var windowHeight = 0;
if (typeof(window.innerHeight) == 'number&
浏览 4提问于2015-01-09得票数 0
回答已采纳
我尝试使用window.loaction.replace()，发现了不想要的行为。
重定向运行良好，但它弄乱了我的html结构。
它重定向到想要的站点，但顶部的面板变成了一个幽灵。据我所知，车身结构的表现就像是“面板高度的负边距”。如果我用firebug将面板大小增加一倍，它就会掉下来。
整个页面在重定向后看起来根本没有面板。
redirector: function(e){
window.location.replace(e);
}
顶部面板是一个导航元素，其中包含从右侧浮动到ul的元素。不是固定的：
.panel{
display: block;
height
浏览 0提问于2014-04-27得票数 0
我不理解HTML 5。一个验证器说：
iframe元素的边沿宽度属性已经过时。使用CSS代替。
iframe元素上的边沿高度属性已经过时。使用CSS代替。
但根据的说法：
无法在样式表中设置iframe的边框高度、边框宽度和框边框属性。
为什么他们要我做一些根本不可能的事？
要么将有效的东西放在规范中，要么想出一个真正的替代方案。他们似乎反对某些东西，而他们的替代方案却行不通。
我在这里错过了什么？
浏览 3提问于2014-08-14得票数 5
回答已采纳
2回答
enter image description here我正试图在我的vue组件上显示一个完整的背景图像，但是我不明白为什么我的图像不能充满整个屏幕，下面是代码： <template>
<div class="BG">
<div class="container">
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-6"
浏览 23提问于2020-10-25得票数 0
1回答
我目前正在尝试根据React中的数据呈现一个表，我有以下内容：
import React, { Component, PropTypes } from 'react';
// Column component - represents columns in the table
export default class Table extends Component {
setHtmlHead(data) {
var html = "";
for (var property in data) {
if (data.hasOwnPr
浏览 4提问于2016-11-26得票数 2
回答已采纳
1回答
我正在尝试使用以下代码在我的网站中添加常见问题部分：
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="co
浏览 2提问于2015-04-27得票数 1
我得到了y轴的滚轮.实际上，我需要根据pdf的高度来设置高度。
<iframe title='Introduction' className='iframe-section' src="Docs/Introduction.pdf" frameBorder="0" scrolling="no"></iframe>
#css
#css
.iframe-section{
width: 100%;
height: 100vh;
}
我试图更改高度: 100%，但无法根据其高度显示pd
浏览 2提问于2022-08-01得票数 0
我在我的网站上制作了两个表单，每个表单都被一个<div class="wrapper">标签包围。我使用CSS在其中添加了一个背景图像。
.wrapper {
background-image: url(../images/backgrounds/desktop.jpg);
background-size: 100%;
background-position: top;
width: 100%;
height: 100%;
min-width: 950px;
}
然而，这就是该站点的实际外观。我不能扩展图像的底部来填满
浏览 65提问于2018-06-07得票数 0
我写了一个函数，可以平滑地将屏幕滚动到dest像素。问题是，只要选择了大于<body>总高度的滚动目标(dest)，滚动就永远不会停止，甚至在到达<body>的末尾时也不会停止(尝试在滚动“停止”之后向上滚动)。 function scroll(dest) {
var x, scrollDist;
if(dest > document.body.offsetHeight) {
dest = document.body.offsetHeight;
}
console.log(document.body.offsetHeight);
co
浏览 16提问于2019-02-14得票数 0
回答已采纳
2回答
当我将线性渐变应用于CSS中的正文时，如下所示
body
{
background: linear-gradient(#10416b, black);
}
它并不是应用于整个网页，而是应用于页面的前半部分，然后在后半部分从蓝色到黑色(#10416b是蓝色)。增加高度:100%；到身体不会改变任何东西。
通过在CSS中执行以下操作，我修复了这个问题
.background {
background: linear-gradient(#10416b, black);
height: 100%;
}
这是HTML格式
<!DOCTYPE html>
<html
浏览 1提问于2016-03-16得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
