Difference between revisions of "Template:SJTU-BioX-Shanghai/Content"
(24 intermediate revisions by 3 users not shown) | |||
Line 3: | Line 3: | ||
function toc_loop() { | function toc_loop() { | ||
var TOP = window.pageYOffset + 20; | var TOP = window.pageYOffset + 20; | ||
− | var headings = $('#toc ~ h2 > span: | + | var headings = $('#toc ~ h2 > span:first-child, #toc ~ h3 > span:first-child'); |
if (headings.length == 0) return | if (headings.length == 0) return | ||
Line 16: | Line 16: | ||
var prev_a = $('#toc a.reading'); | var prev_a = $('#toc a.reading'); | ||
var a = $('a[href="#'+ id +'"]'); | var a = $('a[href="#'+ id +'"]'); | ||
+ | //console.log(prev_a, a); | ||
prev_a.removeClass('reading'); | prev_a.removeClass('reading'); | ||
a.addClass('reading'); | a.addClass('reading'); | ||
Line 27: | Line 28: | ||
var id = a.attributes["href"].value; | var id = a.attributes["href"].value; | ||
var ele = document.getElementById(id.slice(1, id.length)); | var ele = document.getElementById(id.slice(1, id.length)); | ||
− | var top = ele.offsetTop, docEle = document.documentElement | + | var top = ele.offsetTop, docEle = document.documentElement; |
− | var pageHeight = docEle. | + | var pageHeight = docEle.scrollHeight; |
− | var windowHeight = docEle.clientHeight | + | var windowHeight = docEle.clientHeight; |
if ((pageHeight - top) > windowHeight) setTimeout ("scrollBy(0, -20)", 10); | if ((pageHeight - top) > windowHeight) setTimeout ("scrollBy(0, -20)", 10); | ||
} | } | ||
) | ) | ||
+ | |||
+ | $('#toc ul ul').css({ "margin-left": "0px" }); | ||
setInterval("toc_loop()", 10); | setInterval("toc_loop()", 10); | ||
Line 40: | Line 43: | ||
<style> | <style> | ||
+ | |||
+ | #globalWrapper { | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | font-size:100%; | ||
+ | } | ||
+ | body{ | ||
+ | font: initial; | ||
+ | } | ||
+ | |||
#toc ul a{ | #toc ul a{ | ||
font-family: Trebuchet MS,"Helvetica Neue",Helvetica,Arial; | font-family: Trebuchet MS,"Helvetica Neue",Helvetica,Arial; | ||
− | color: # | + | color: #1B927B; |
} | } | ||
#toc ul a.reading { | #toc ul a.reading { | ||
− | border-left-color: | + | border-left-color: rgb(136, 198, 119); |
} | } | ||
#toc { | #toc { | ||
position: fixed; | position: fixed; | ||
right: 1em; | right: 1em; | ||
− | top: | + | top: 18px; |
+ | box-sizing: border-box; | ||
padding: 0em; | padding: 0em; | ||
+ | padding-left: 1em; | ||
width: 16em; | width: 16em; | ||
− | font-size: | + | font-size: 0.75em; |
border: 0px; | border: 0px; | ||
Line 68: | Line 83: | ||
margin-top: 0px; | margin-top: 0px; | ||
margin-bottom: 0px; | margin-bottom: 0px; | ||
− | |||
− | |||
− | |||
} | } | ||
#toc ul a { | #toc ul a { | ||
Line 85: | Line 97: | ||
display: none; | display: none; | ||
} | } | ||
+ | |||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 01:21, 19 September 2015