通过光标位置确定
一种执行此操作的方法是仅
.toTop在用户将鼠标悬停在页面本身，标题和导航链接下方的内容上时显示该元素：
.toTop { opacity: 0; }.toTop:hover, main:hover + .toTop { opacity: 1; }您可以在这里看到效果：http :
//jsfiddle.net/GFfbe/1/
或者，慢慢发现它
或者，您可以慢慢地发现
.toTop与另一个元素的链接。在下面的示例中，我使用主体的伪元素
::before掩盖该
.toTop元素，并在用户滚动时慢慢显示它：
body { margin: 0 10em;}body::before { content: ""; background: white; position: absolute; bottom: 0; left: 0; width: 100%; height: 5em;}main { position: relative;}.toTop { z-index: -1; position: fixed; bottom: 1em; left: 1em;}
