如何解决xaringanExtra 额外样式代码突出显示在使用剪贴板和溢出-y 时被切断
我使用带有 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 举报,一经查实,本站将立刻删除。