在notion页面的右侧,悬浮当前page的大纲(table of contents)
< Feedback on notion悬浮大纲
脚本写的很棒!解决了notion这个TOC难用的问题,而且不用更改原有notion page中的布局👏
在我的浏览器(Safari 14.1.1、Notion 2.10.23.8.1.12)中使用发现两个小问题
在初始化代码中临时改了两个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-menu 和 slideout-panel 的z-index可以考虑设置成101,这样TOC很长的时候,展开也不影响右下角问号的点击。
slideout-menu
slideout-panel
再次感谢作者贡献了如此优秀的脚本🙏
非常感谢反馈和代码提供,已经在新版本中加入了你提供的代码,修复了问题👏。
之前是在使用notion的过程中发现没有toc的侧边栏,查看文本的大纲和跳转都很不方便,所以写个脚本方便查看跳转。
Sign in to post a reply.
脚本写的很棒!解决了notion这个TOC难用的问题,而且不用更改原有notion page中的布局👏
在我的浏览器(Safari 14.1.1、Notion 2.10.23.8.1.12)中使用发现两个小问题
在初始化代码中临时改了两个CSS后解决以上问题
还有一个小建议,
slideout-menu
和slideout-panel
的z-index可以考虑设置成101,这样TOC很长的时候,展开也不影响右下角问号的点击。再次感谢作者贡献了如此优秀的脚本🙏