You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

R Markdown中使用{.tabset}导致浮动目录定位异常求助

问题:R Markdown浮动目录与{.tabset}标题的交互异常

在R Markdown生成的HTML文档中,当标题添加{.tabset}属性后,浮动目录(toc_float)无法正确识别当前所在标题,具体表现为:

  • 点击一级标题时,目录短暂标记目标标题后,会自动跳转到第一个带{.tabset}的标题,尽管页面已正确跳转到目标章节;不滚动时重复点击可暂时保持选中状态,但滚动后又会跳转。
  • 点击子标题(如二级标题)时,目录同样会跳回第一个带{.tabset}的标题,页面却已定位到目标子章节。

总结:目录导航可跳转至目标位置,但无法保持当前活跃标题的选中状态。示例Rmd文件结构如下(问题中总是跳回# Om标题):

---
title: "Konjunktur- och arbetsmarknadsläget - Västernorrland"
author: "Detta är en rapport från Tillväxtverksamheten."
date: "`r format(Sys.Date(), '%Y-%m-%d')`"
output: 
  html_document:
    css: styles.css  
    toc: yes
    toc_float:
      toc_collapsed: true
    toc_depth: 3
    number_sections: true
---


# Om {.tabset}

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget justo nec justo consequat sodales eget at lorem. Nam posuere risus nec libero sagittis, eget sodales neque consequat. Integer varius aliquam metus, ut feugiat velit tempor sed. Sed convallis metus a ex luctus suscipit. Fusce ac ultricies metus. Morbi varius erat eu libero convallis, vel dignissim risus venenatis. In hac habitasse platea dictumst. Integer fermentum metus ac mauris iaculis, vitae gravida arcu consequat. Cras eget bibendum mi. Proin eleifend ipsum nec neque iaculis, non sodales lacus tempor. Sed id scelerisque purus, sed ultricies orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus sit amet leo non justo ullamcorper tempor. Curabitur elementum eget nisi sit amet lobortis. Donec fringilla ultrices lorem, vel volutpat magna lobortis nec."

<br>

## Konjunkturläget

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget justo nec justo consequat sodales eget at lorem. Nam posuere risus nec libero sagittis, eget sodales neque consequat. Integer varius aliquam metus, ut feugiat velit tempor sed. Sed convallis metus a ex luctus suscipit. Fusce ac ultricies metus. Morbi varius erat eu libero convallis, vel dignissim risus venenatis. In hac habitasse platea dictumst. Integer fermentum metus ac mauris iaculis, vitae gravida arcu consequat. Cras eget bibendum mi. Proin eleifend ipsum nec neque iaculis, non sodales lacus tempor. Sed id scelerisque purus, sed ultricies orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus sit amet leo non justo ullamcorper tempor. Curabitur elementum eget nisi sit amet lobortis. Donec fringilla ultrices lorem, vel volutpat magna lobortis nec."

<br>

## Arbetsmarknaden

### Begrepp och nyckeltal

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget justo nec justo consequat sodales eget at lorem. Nam posuere risus nec libero sagittis, eget sodales neque consequat. Integer varius aliquam metus, ut feugiat velit tempor sed. Sed convallis metus a ex luctus suscipit. Fusce ac ultricies metus. Morbi varius erat eu libero convallis, vel dignissim risus venenatis. In hac habitasse platea dictumst. Integer fermentum metus ac mauris iaculis, vitae gravida arcu consequat. Cras eget bibendum mi. Proin eleifend ipsum nec neque iaculis, non sodales lacus tempor. Sed id scelerisque purus, sed ultricies orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus sit amet leo non justo ullamcorper tempor. Curabitur elementum eget nisi sit amet lobortis. Donec fringilla ultrices lorem, vel volutpat magna lobortis nec."

<br>

# Läget

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget justo nec justo consequat sodales eget at lorem. Nam posuere risus nec libero sagittis, eget sodales neque consequat. Integer varius aliquam metus, ut feugiat velit tempor sed. Sed convallis metus a ex luctus suscipit. Fusce ac ultricies metus. Morbi varius erat eu libero convallis, vel dignissim risus venenatis. In hac habitasse platea dictumst. Integer fermentum metus ac mauris iaculis, vitae gravida arcu consequat. Cras eget bibendum mi. Proin eleifend ipsum nec neque iaculis, non sodales lacus tempor. Sed id scelerisque purus, sed ultricies orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus sit amet leo non justo ullamcorper tempor. Curabitur elementum eget nisi sit amet lobortis. Donec fringilla ultrices lorem, vel volutpat magna lobortis nec."

## Konjunkturläget {.tabset}

Välj geografi för en fördjupning av konjunkturläget, genom att välja flik nedan.
*Obs. att flikarna inte innehåller samma data - makroekonomiska variabler visas bara i Sverige-fliken.*

<br>

### Sverige

Nedan visas huvudindikatorerna i månadssammanställningen av Konjunkturinstitutets konjunkturbarometer. Månadssammanställningen, som görs för riket, består av ett antal konfidensindikatorer, som redovisar stämningsläget per bransch. Indikatorn *barometerindikatorn* väger samman stämningsläget hos både hushåll och branscher - den visar på det totala stämningsläget i svensk ekonomi.


<br>

### Regionalt

Konjunkturinstitutet tar också fram regionala serier för konjunkturbarometern kvartalsvis, regionala serier avser här NUTS2-regioner. Läs mer om NUTS-regioner hos SCB: [EU:s regioner - NUTS](https://www.scb.se/hitta-statistik/internationell-statistik/eu-statistik/eus-regioner---nuts/).


<br>

## Arbetsmarknaden

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget justo nec justo consequat sodales eget at lorem. Nam posuere risus nec libero sagittis, eget sodales neque consequat. Integer varius aliquam metus, ut feugiat velit tempor sed. Sed convallis metus a ex luctus suscipit. Fusce ac ultricies metus. Morbi varius erat eu libero convallis, vel dignissim risus venenatis. In hac habitasse platea dictumst. Integer fermentum metus ac mauris iaculis, vitae gravida arcu consequat. Cras eget bibendum mi. Proin eleifend ipsum nec neque iaculis, non sodales lacus tempor. Sed id scelerisque purus, sed ultricies orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus sit amet leo non justo ullamcorper tempor. Curabitur elementum eget nisi sit amet lobortis. Donec fringilla ultrices lorem, vel volutpat magna lobortis nec."

### Nyanmälda platser

Nyanmälda platser, per vecka, är en snabbrörlig indikator över arbetsmarknaden som visar på styrkan i efterfrågan av arbetskraft.

<br>

### Lediga jobb (Af)

Nedan visas alla lediga jobb som rapporterats till Arbetsförmedlingen (Af), med en varaktighet över 10 dagar. Af fångar ungefär 50% av totalt utlysta/eftersöka tjänster på arbetsmarknaden.

<br>


## Konkurser

Följande sektion reodivsar konkurser för bolagsformerna: AB, HB, EF.

I nedan figur visas antalet företagskonkurser för innevarande år, föregående år samt för det år då en konjunkturavmattning senast inleddes. Med konjunkturavmattning menas att högkonjunkturen toppat och var påväg ner, med fortsatt befann sig i högkonjunktur.

<br>

# Arbetskraften - utbudet

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget justo nec justo consequat sodales eget at lorem. Nam posuere risus nec libero sagittis, eget sodales neque consequat. Integer varius aliquam metus, ut feugiat velit tempor sed. Sed convallis metus a ex luctus suscipit. Fusce ac ultricies metus. Morbi varius erat eu libero convallis, vel dignissim risus venenatis. In hac habitasse platea dictumst. Integer fermentum metus ac mauris iaculis, vitae gravida arcu consequat. Cras eget bibendum mi. Proin eleifend ipsum nec neque iaculis, non sodales lacus tempor. Sed id scelerisque purus, sed ultricies orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus sit amet leo non justo ullamcorper tempor. Curabitur elementum eget nisi sit amet lobortis. Donec fringilla ultrices lorem, vel volutpat magna lobortis nec."

## Arbetskraftsdeltagande

<br>

## Sysselsättningsgrad

<br>

## Arbetslöshet

<br>

# Ej i arbetskraften

Nedan tabell bygger på tabell 2. Antalet individer i de 4 redovisade arbetsmarknadsstatusarna som ej ingår i arbetskraften har här relaterats till befolkningen i respektive geografi. På så sätt fås ett relativt mått på hur stor gruppen är i respektive geografi och jämförelser kan göras mellan geografierna.

## Studerande


<br>

## Pensionärer


<br>
<br>

Rapport genererad genom R med R Markdown.
解决思路

思路1:调整tabset应用层级

避免在一级标题上直接使用{.tabset},将该属性下移到二级标题层级。比如把# Om {.tabset}改为# Om,若需要tab切换效果,在其下的二级标题上添加{.tabset},可让一级标题的锚点识别更稳定。

思路2:自定义JavaScript修复锚点监听

在R Markdown文档末尾添加以下JS代码,覆盖默认的目录滚动监听逻辑,确保锚点匹配正确:

<script>
$(document).ready(function() {
  // 移除默认scrollSpy监听
  $('body').scrollspy('destroy');
  // 重新初始化scrollSpy,修正偏移量
  $('body').scrollspy({
    target: '#toc',
    offset: 100
  });
  // 修复目录项点击后的选中状态
  $('.nav-link').on('click', function() {
    $('.nav-link').removeClass('active');
    $(this).addClass('active');
  });
});
</script>

思路3:切换到bookdown输出格式

使用bookdown::html_document2替代原生html_document,它对目录与tabset的兼容性更好。修改YAML头部:

output: 
  bookdown::html_document2:
    css: styles.css  
    toc: yes
    toc_float:
      toc_collapsed: true
    toc_depth: 3
    number_sections: true

需提前安装bookdown包:install.packages("bookdown")

思路4:排查自定义CSS干扰

检查styles.css中是否存在影响标题锚点或滚动定位的样式(如position: fixed、异常margin-top等),这类样式可能导致scrollSpy计算偏移错误。可暂时移除自定义CSS,确认是否为样式问题。

内容的提问来源于stack exchange,提问作者Christian

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.01 03:44:58