notion悬浮大纲

在notion页面的右侧,悬浮当前page的大纲(table of contents)

< notion悬浮大纲 피드백

리뷰: 좋음 - 잘 동작함

§
작성: 2021-05-28

脚本写的很棒!解决了notion这个TOC难用的问题,而且不用更改原有notion page中的布局👏

在我的浏览器(Safari 14.1.1、Notion 2.10.23.8.1.12)中使用发现两个小问题

  1. 使用后notion右侧显示会有些问题,具体来说就是notion右侧上方原有的三个点的more按钮和右侧下方原有的问号按钮有部分不显示。
  2. 如果toc过长无法滚动

在初始化代码中临时改了两个CSS后解决以上问题

        var height = $(`#notion-app > div > div.notion-cursor-listener > div.notion-frame > div:nth-child(1)`).height();
        $('#menu').css("top", height + 20);
        $('#panel').css("top", height + 20);
//加上以下内容
        $('#panel').css("position", "fixed");
        $('#menu').css("height", "100%");
//结束

还有一个小建议,slideout-menuslideout-panel 的z-index可以考虑设置成101,这样TOC很长的时候,展开也不影响右下角问号的点击。

再次感谢作者贡献了如此优秀的脚本🙏

人才개발자
§
작성: 2021-05-29

非常感谢反馈和代码提供,已经在新版本中加入了你提供的代码,修复了问题👏。

之前是在使用notion的过程中发现没有toc的侧边栏,查看文本的大纲和跳转都很不方便,所以写个脚本方便查看跳转。

댓글 남기기

댓글을 남기려면 로그인하세요.