2016-12-14 3 views
3

Я нашел много примеров, описывающих добавление горизонтальных полос прокрутки в вывод R Markdown HTML, включая этот конкретный пример here. Однако ни один из них не описывает, как добавлять вертикальные полосы прокрутки. Снова заимствуя из связанного примера, но переносив широкую матрицу в «высокую» матрицу, я хотел бы прокрутить по вертикали через матрицу в моем представлении ioslide.Как сделать вертикальную полосу прокрутки в узлах кода RMarkdown (вид html)

--- 
title: "Vertical needs" 
author: "Hyped" 
date: "December 13, 2016" 
output: ioslides_presentation 
--- 

```{r setup, include=FALSE} 
knitr::opts_chunk$set(echo = FALSE) 
``` 

## Where's my vertical scrollbar? 

```{r} 
x <- matrix(nrow = 40, ncol = 4, data = 1) 
x 
``` 

Выходной сигнал вышеуказанной матрицы распространяется на нижний край слайда и затем исчезает. Нет полосы прокрутки. Я попытался модифицировать ответы, данные для решения отсутствия горизонтальной полосы прокрутки путем изменения коды стиля CSS добавляется в файл .Rmd (или помещена в пользовательских CSS) из

<style> 
pre code, pre, code { 
    white-space: pre !important; 
    overflow-x: scroll !important; 
    word-break: keep-all !important; 
    word-wrap: initial !important; 
} 
</style> 

к (замене overflow- x до переполнения-y):

<style> 
pre code, pre, code { 
    white-space: pre !important; 
    overflow-y: scroll !important; 
    word-break: keep-all !important; 
    word-wrap: initial !important; 
} 
</style> 

но не повезло. Может ли кто-нибудь предоставить пропавший кусок головоломки?

ответ

0

Проблема заключается в том, что вы не указали высоту фрагмента кода. Попробуйте вместо этого:

<style> 
pre { 
    white-space: pre !important; 
    overflow-y: scroll !important; 
    height: 50vh !important; 
} 
</style> 

(Для получения информации о блоке vh проверки this)

enter image description here

+0

Это работает! Благодаря! Тем не менее, у меня был еще один вопрос о решении ... Другие _лоновые решения scrollbar_, кажется, объединяют pre tag с тегом кода. Однако даже добавив _echo = TRUE_ в фрагмент кода R-кода, чтобы увидеть текст кода на выходе, я не вижу никаких _code_-тегов в источнике HTML. Вместо этого я вижу pre.lang-r, который, как я предполагаю, я могу начать разделять стили между самим текстом кода и выходом. Можете ли вы предложить какие-либо комментарии по этому поводу? – Hyped7777

+0

Интересно, что я тоже не могу их найти. Я не уверен, что использование тега кода было удалено в последних версиях. Во всяком случае, вы можете, конечно, использовать 'pre {...}' и 'pre.lang-r {...}' для установки разных стилей (или 'pre: not (lang-r)' и 'pre.lang- r {...} '). –

 Смежные вопросы

  • Нет связанных вопросов^_^