2017-08-31 1 views
2

Ist es möglich, vertikale Bildlaufleiste für lange Funktionen mit Objektträgern zu erstellen (mit xaringan benutzerdefinierten Stil)? Ich habe versucht, einige Optionen basierend auf dieser vorherigen Frage How to make vertical scrollbar appear in RMarkdown code chunks (html view), aber keine Ahnung, wie es nur für lange Funktionen (die Höhe geht aus dem Rahmen). Jeder Rat ist mehr als willkommen.Vertikale Bildlaufleiste für lange Funktionen mit Objektträgern

--- 
title: "title" 
subtitle: "subtitle" 
author: "author" 
date: "2017" 
output: 
    xaringan::moon_reader: 
    lib_dir: libs 
    css: ["default", "style.css"] 
    nature: 
     highlightStyle: zenburn 
     highlightLines: true 
     countIncrementalSlides: false 
--- 

```{r , echo=FALSE, include=FALSE} 
library(knitr) 
opts_chunk$set(fig.align='center', message=TRUE, error=TRUE, warning=TRUE, tidy=TRUE, comment = "##", echo = TRUE, dev='svg') 
options(width=65) 
``` 

```{r} 
fu <- function(x){ 
    x 
    x 
    x 
    x 
    x 
    x 
    x 
    x 
    x 
    x 
    x 
    x 
    x 
    x 
    x 
    x 
    x 
    x 
} 
``` 

Antwort

1

Ich bin kein Experte mit CSS, so kann nicht garantieren, dass dies eine robuste Lösung, aber das Hinzufügen max-height und Überlauf-y zum Styling von Codeblöcken scheint gut zu funktionieren. Stellen Sie die max-height wie nötig, 200px ist ziemlich kurz und nur verwendet, zu zeigen, wie es funktioniert:

<style> 
pre.sourceCode { 
    max-height: 200px; 
    overflow-y: auto; 
} 
</style> 

Ich bin nicht sicher, ob der Klassenname für Codeblöcke ändert sich mit verschiedenen Ausgabeformaten, ich wurde mit slidy_presentation Da ich Ihren Renderer nicht installiert hatte, müssen Sie möglicherweise die Klasse in Ihrer Ausgabe überprüfen.

+0

Es hat nicht funktioniert. Vielleicht muss es mit der Klasse am Ausgang sein. Der verwendete Stil ist [example.css] (https://github.com/yihui/xaringan/blob/master/inst/rmarkdown/templates/xaringan/resources/example.css). Wie kann ich die Ausgabeklasse überprüfen? – Diego

0

Haben Sie die Lösung von this answer

versucht
.scrollable-slide { 
    height: 800px; 
    overflow-y: auto !important; 
} 
+0

Ich habe versucht, aber es hat nicht funktioniert. – Diego

Verwandte Themen