如何制作目录浮动?

bob*_*ang 4 html css org-mode

http://orgmode.org/worg/org-tutorials/org-beamer/tutorial.html 目录浮动是一个非常好的功能.如何实现这种效果?顺便说一句,我也在使用组织模式

sac*_*een 9

看看CSS

position: fixed;
right: 0em;
top: 0em;
Run Code Online (Sandbox Code Playgroud)

这是一个隔离的演示,包括在悬停时扩展菜单.

HTML

<div id="toc">
    hello
    <div id="full">hey there<br />This is the full TOC</div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

#toc {
  position: fixed;
  right: 0;
  top: 0;
  background-color:#FFF;
}

#toc #full { display: none; } /* Hide the full TOC by default */

#toc:hover #full{
  display: block; /* Show it on hover */
}
Run Code Online (Sandbox Code Playgroud)