Allow markdown preview to scroll past content (#15919)

* Allow markdown preview to scroll past content Issue #15795 Allows the markdown preview to scroll past its contents, like we do with the editor. Closes #15795 * Toggle preview scroll beyond using editor.scrollBeyondLastLine

Allow markdown preview to scroll past content (#15919)
* Allow markdown preview to scroll past content Issue #15795 Allows the markdown preview to scroll past its contents, like we do with the editor. Closes #15795 * Toggle preview scroll beyond using editor.scrollBeyondLastLine
b88a89c9 · Matt Bierner · GitHub · d1e9f733 · b88a89c9 · b88a89c9
隐藏空白更改
内联并排

Showing with 6 addition and 1 deletion

extensions/markdown/media/markdown.css extensions/markdown/media/markdown.css +4 -0

extensions/markdown/src/extension.ts extensions/markdown/src/extension.ts +2 -1

未找到文件。
--- a/extensions/markdown/media/markdown.css
+++ b/extensions/markdown/media/markdown.css
@@ -10,6 +10,10 @@ body {
 	line-height: 22px;
 }

+body.scrollBeyondLastLine {
+	margin-bottom: calc(100vh - 22px);
+}
+
 img {
 	max-width: 100%;
 	max-height: 100%;

--- a/extensions/markdown/src/extension.ts
+++ b/extensions/markdown/src/extension.ts
@@ -225,6 +225,7 @@ class MDDocumentContentProvider implements vscode.TextDocumentContentProvider {

 	public provideTextDocumentContent(uri: vscode.Uri): Thenable<string> {
 		return vscode.workspace.openTextDocument(vscode.Uri.parse(uri.query)).then(document => {
+			const scrollBeyondLastLine = vscode.workspace.getConfiguration('editor')['scrollBeyondLastLine'];
 			const head = [].concat(
 				'<!DOCTYPE html>',
 				'<html>',
@@ -235,7 +236,7 @@ class MDDocumentContentProvider implements vscode.TextDocumentContentProvider {
 				this.computeCustomStyleSheetIncludes(uri),
 				`<base href="${document.uri.toString(true)}">`,
 				'</head>',
-				'<body>'
+				`<body class="${scrollBeyondLastLine ? 'scrollBeyondLastLine' : ''}">`
 			).join('\n');
 			const body = this._renderer.render(this.getDocumentContentForPreview(document));