Javascript 在选项卡集中使用数据表时，防止R.rmd html文档跳过

我正在从.rmd编织一个HTML文件，其中的表是用tabset中的R

DT

包生成的。在标签开始之前有一堆信息，所以用户必须向下滚动到它们，这很好。问题是，当滚动到足以在第一个选项卡中显示整个表格时，单击下一个选项卡会导致页面跳回到表格的标题，因此用户必须向下滚动以显示表格，这对于多个选项卡和长表格来说很烦人

以下是迄今为止我的.rmd：

---
title: "Tab Testing"
output: html_document
---

# Some random text {.tabset}

```{r, echo=FALSE}
knitr::opts_chunk$set(echo=FALSE)
# libraries
library(DT)
# bunch of random text
textFun <- function(n = 5000) {
  a <- do.call(paste0, replicate(5, sample(LETTERS, n, TRUE), FALSE))
  paste0(a, sprintf("%04d", sample(9999, n, TRUE)), sample(LETTERS, n, TRUE))
}

rText <- textFun(500)
```
Scroll down and see how the page skips when selecting Tab 2.

`r rText`

## Tab 1

```{r}
datatable(mtcars)
```
## Tab 2

```{r}
datatable(iris)
```

---

我四处摸索，但没有看到任何对我有帮助的东西（或者说没有认出它）。任何指向正确方向的指针都会非常好。

您是否测试过在每个选项卡后面添加一些内容？也许这会减少跳跃效应

比如：

## Tab 1

```{r}
datatable(mtcars)
```

<div style="height:500px;display:block;"> </div>

## Tab 2

```{r}
datatable(iris)
```

<div style="height:500px;display:block;"> </div>

##选项卡1
```{r}
数据表（mtcars）
```
##表2
```{r}
数据表（iris）
```

您是否测试过在每个选项卡后添加内容？也许这会减少跳跃效应

比如：

## Tab 1

```{r}
datatable(mtcars)
```

<div style="height:500px;display:block;"> </div>

## Tab 2

```{r}
datatable(iris)
```

<div style="height:500px;display:block;"> </div>

##选项卡1
```{r}
数据表（mtcars）
```
##表2
```{r}
数据表（iris）
```

这种方法很有效。人们必须猜测每个表的正确高度，div下面似乎需要有一个很大的间隙，才能真正减少跳过，这会使较低级别的嵌套选项卡变得混乱。我想要一些更程式化的东西，它不需要在div下面有很大的间隙。这样就行了。人们必须猜测每个表的正确高度，div下面似乎需要有一个很大的间隙，才能真正减少跳过，这会使较低级别的嵌套选项卡变得混乱。我想要一些更程式化的东西，不需要在div下面有很大的间隙。