Template:Biomod/2013/Aarhus/Nano Creators/Begin: Difference between revisions
No edit summary |
No edit summary |
||
Line 134: | Line 134: | ||
$(document).ready( | $(document).ready( | ||
function() { | function() { | ||
var top = $('# | var top = $('#indexing').offset().top | ||
- parseFloat($('# | - parseFloat($('#indexing').css('marginTop').replace( | ||
/auto/, 0)); | /auto/, 0)); | ||
var nav = $('# | var nav = $('#indexing'); | ||
var stopper = $('#indexing'); | var stopper = $('#indexing'); | ||
var maxTop = stopper.offset().top - stopper.height() + nav.height(); | var maxTop = stopper.offset().top - stopper.height() + nav.height(); |
Revision as of 12:11, 23 October 2013
<html> <style> /* ul.menu li.</html>{{{pagetype}}}<html> a {
color: cyan;
}
- /
- toc {
display: none; }
- mytoc {
background: none; width: 200px; }
.toc { border: 0px solid; }
- toc ul ul,.toc ul ul {
margin: 0 0 0 1em; }
table.toc { background-color: #f0f4f4; }
- mytoc a,#mytoc a:visited {
font-size: normal; color: #222222; }
- mytoc a:hover {
font-color: #009ee0; /* text-decoration: underline; */ }
- wiki-toc {
width: 200px; margin-top: 6px; float: left; }
- wiki-body {
margin-left: 200px; padding-left: 12px; padding-right: 20px; }
- toc #toctitle,.toc #toctitle,#toc .toctitle,.toc .toctitle {
text-align: left; }
- toc h2,.toc h2 {
font-weight: normal; font-size: 17px; }
/*
- wiki-contents A {
color: #00aeef; }
- wiki-contents A:HOVER {
color: #00aeef; }
- /
- toctitle span {
display: none; }
/*
- wiki-body p,#wiki-body li,#wiki-body dd,div.thumbcaption {
font-size: medium; }
- /
/* required to avoid jumping */
- tocScrolWrapper {
/* left: 450px; */ position: absolute; /* margin-left: 35px; width: 280px; */ }
- tocScrol {
position: absolute; top: 0; /* just used to show how to include the margin in the effect */ /*margin-top: 20px; */ /* border-top: 1px solid purple; */ /*padding-top: 19px;*/ }
- tocScrol.fixed {
position: fixed; top: 0; }
- editPageTxt {
text-align: left; padding-left: 15px; }
- editPageTxt P {
clear: both; }
- toPageTop {
float: left; position: relative; top: 18px; left: 13px; color: #d13f31; } </style>
<script type="text/javascript"> $(document).ready(function() { var parentTable = $("#toc").parent(); $('#mytoc').append($("#toc").first());
$('#mytoc').find("#toc").attr("id", ""); parentTable.closest('table').remove(); });
$(document).ready( function() { var top = $('#indexing').offset().top - parseFloat($('#indexing').css('marginTop').replace( /auto/, 0)); var nav = $('#indexing'); var stopper = $('#indexing'); var maxTop = stopper.offset().top - stopper.height() + nav.height();
$(window).scroll( function(event) { // what the y position of the scroll is var y = $(this).scrollTop();
// whether that's below the form if (y <= maxTop) { if (y >= top) { // if so, ad the fixed class nav.addClass('fixed'); addPoss('1: y:' + y + ' top:' + top + " maxTop:" + maxTop); nav.removeAttr('style'); } else { nav.removeClass('fixed'); addPoss('1.1: y:' + y + ' top:' + top + " maxTop:" + maxTop); nav.removeAttr('style'); } } else if (y >= maxTop) { nav.removeClass('fixed'); nav.css({ position : 'absolute', top : maxTop }); addPoss('2: y:' + y + ' top:' + top + " maxTop:" + maxTop); } else { // otherwise remove it nav.removeClass('fixed'); nav.removeAttr('style'); addPoss('3: y:' + y + ' top:' + top + " maxTop:" + maxTop); } }); });
function addPoss(msg) { $('#editPageTxt').empty(); $('#editPageTxt').append(msg); } </script> <html> <html> <div id="wiki-contents"> <div id="tocScrolWrapper"> <div id="tocScrol"> <div id="wiki-toc"> <a id="toPageTop" href="#">▲</a> <table id="mytoc" class="toc" summary="Contents"> </table> <div id="editPageTxt"> <p> [<a href="http://openwetware.org/index.php?title=Biomod/2013/Aarhus/</html>{{{pagename}}}<html>&action=edit">edit this page</a>] </p> </div> </div> </div> </div> <div id="wiki-body"> </html>