相关疑难解决方法(0)
为什么位置绝对会使页面溢出？
我的理解是,一旦元素定位为绝对(即使具有负位置值),它将完全脱离正常的内容流.但为什么它仍然使页面溢出？当你在下面运行代码片段时,会出现水平滚动条,我认为它不应该存在.
.relative {
position: relative;
background: pink;
}
.absolute {
position: absolute;
top: 0;
right: -100px;
width: 200px;
height: 100px;
background: rgba(0,0,0,.5);
}<div class="relative">
Placeholder <div class="absolute"></div>
</div>推荐指数
解决办法
查看次数
gt table - 冻结列（或使它们更具可读性）
我正在 R Studio 中使用gt包创建一个表，但我无法找到一种优雅的方法来使具有多行的表的列更具可读性。
采取以下代码：
gt::sp500 %>% slice(1:100) %>%
mutate(month = lubridate::month(date)) %>%
group_by(month) %>%
gt::gt(rowname_col = "date")
如下所示，通过前 35 行可以看到列......
但一旦超出这个范围，我发现自己必须向上滚动才能记住哪一列较高，哪一列较低，以及调整后的收盘价是在第六列还是第四列。有没有办法在滚动时将这些列冻结在适当的位置（使用 gt 包），或者在每个组之后轻松重复列标题（不会弄乱底层数据）？
推荐指数
解决办法
查看次数
像在 RMarkdown 中一样在 Quarto 中创建粘性表格标题
我一直在尝试从table1Quarto 中的 R 包渲染粘性表头，就像我在 RMarkdown 中成功做到的那样。但是，Quarto 似乎无法识别我的 .css 文件，或者（更有可能）我丢失了某些内容。
为了重现性，我将 CSS 文件与 .rmd 和 .qmd 一起包含在内。我还包含了内联 html 来创建一个滚动框，以便标题可以粘贴。
样式.css：
.Rtable1 th {
border: 0;
text-align: center;
padding: 0.5ex 1.5ex;
margin: 0;
background-color: #D3D3D3;
color: black;
position: sticky;
top: 0;
border-top: 2pt solid black;
border-bottom: 1pt solid black;
}
汽车.rmd：
---
title: "Cars"
output:
html_document:
css: styles.css
---
```{r setup, include=FALSE}
knitr::opts_chunk$set(echo = FALSE, message = FALSE)
```
```{r}
library(table1)
library(tidyverse)
cars <- mtcars
cars$cars <- rownames(cars)
cars <- …推荐指数
解决办法
查看次数
当css位置粘性停止粘贴时
我想知道为什么position: sticky对某些X轴滚动有效，但是一旦滚动超过屏幕宽度的初始宽度，您的“粘性div”就会停止粘结。
在此示例中，我有一个左侧栏贴在左侧（请注意，我不能使用position: fixed或position: absolute，因为在我的实际项目中，左div和右div都需要沿着y上下滚动轴，因此我们只需要左侧粘贴）
有没有我可以定义的其他CSS参数，例如
left-sticky-distance=999999%
或类似的东西？
一些测试代码说明如下
<html>
<body>
<div style='
position:sticky;
z-index:1;
left:0;
width:100px;
height:200px;
overflow: hidden;
background-color:#ff0000;
opacity:0.8;
>
</div>
<div style='position:absolute; top:10;left:10; width:200; height:50px; background-color: blue'>B</div>
<div style='position:absolute; top:10;left:110; width:200; height:50px; background-color: blue'>C</div>
<div style='position:absolute; top:10;left:210; width:200; height:50px; background-color: blue'>D</div>
</body>
<html>
推荐指数
解决办法
查看次数
使用 nextjs 粘性定位
我是粘性新手，之前没有使用过它，所以我将一些代码（关于粘性侧边栏）复制并粘贴到我的项目中，但它不起作用。
<Layout title="Books">
<div className="container w-100 row">
<div className="sticky-top col-sm-3">
<Filter />
</div>
<div className="col-sm-9 ">
<Books />
</div>
</div>
<Footer />
</Layout>
推荐指数
解决办法
查看次数
标签 统计
css ×4
html ×2
sticky ×2
boundary ×1
css-position ×1
css3 ×1
gt ×1
javascript ×1
markdown ×1
next.js ×1
quarto ×1
r ×1
r-markdown ×1