问题描述
我使用带有 xaringanExtra
's xaringan
和 extra_styles
的 clipboard
幻灯片,同时使用 overflow-y
参数进行代码输出以允许滚动。当我使用所有三个时,extra_styles
动画(见下文)被切断,当我删除 clipboard
依赖项或 overflow-y
功能时,动画按预期工作。
我希望在悬停时看到此动画:
具有所有三个功能(额外样式、剪贴板和溢出),这就是我所看到的(注意右侧的截止箭头):
MWE
---
output:
xaringan::moon_reader:
lib_dir: libs
nature:
highlightStyle: github
highlightLines: true
countIncrementalSlides: false
---
```{r setup,include=FALSE}
options(htmltools.dir.version = FALSE)
xaringanExtra::use_extra_styles()
xaringanExtra::use_clipboard() # take this or the CSS out for a working version
```
```{css,echo=FALSE}
pre {
max-height: 50vh;
overflow-y: auto;
}
```
# The issue
```{r}
mtcars[,1:5]
```
我相信它必须对 z-index 或类似的分层属性做一些事情,但我对 CSS 不够精通。请注意,可以在 here for clipboard
和 here for extra_styles
中找到 CSS 文件。
有人能指出我正确的方向吗?
我已经在 position: sticky;
CSS 和 code-line-hover CSS 文件中使用了 pre
,但无济于事。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)