我的应用程序有一个主页和一个侧面导航栏。我将背景图片的高度设置为'100vh'，这对我的目标网页来说很好，但是当我加载另一个包含更多内容的页面时，我必须滚动查看所有内容-背景图片会被截断，其余页面是空白的。如果我将图像高度设置为“ 100％”，则可以解决该页面的问题，但对于内容较少的其他页面，则仅显示该div大小的背景图像。
根据导航栏上选择的链接，我想更改背景图像的高度。那可能吗？还是有更简单的解决方案？
JSS
"${url}" const styles = makeStyles(theme => ({
content: {
flexGrow: 1,
padding: theme.spacing(3),
height: '100vh',
textAlign: 'center',
backgroundImage: `url(${Background})`,
backgroundRepeat: "no-repeat",
backgroundPosition: "center center",
backgroundSize: "cover",
backgroundAttachment: "fixed",
},
是我需要更改的班级
className={content}根据所选链接呈现页面
renderHeader()