|
|
| (3 intermediate revisions by the same user not shown) |
| Line 18: |
Line 18: |
| | margin-top:0px !important | | margin-top:0px !important |
| | } | | } |
| − | {{ATOMS-Turkiye/Test}}
| |
| − | <html>
| |
| | | | |
| − | <div id="page-wrapper">
| |
| − |
| |
| − | <style>
| |
| − | h6 {
| |
| − | font-weight:0
| |
| − | }
| |
| − | #content-div{
| |
| − | width: 95% !important;
| |
| − | height: auto !important;
| |
| − | margin: auto;
| |
| − | padding: 0px;
| |
| − | margin-top: 30px !important;
| |
| − | }
| |
| − | #page-wrapper {
| |
| − | margin-top:0px !important
| |
| − | }
| |
| − | .scroll-nav, .scroll {
| |
| − | display:none
| |
| − | }
| |
| | </style> | | </style> |
| | <div class="main"> | | <div class="main"> |
| Line 92: |
Line 71: |
| | </div> | | </div> |
| | | | |
| − | <h2 class="scroll"8</h2> | + | <h2 class="scroll">8</h2> |
| | <div id="content-div" class="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px;"> | | <div id="content-div" class="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px;"> |
| | <img src="https://static.igem.org/mediawiki/2015/d/d0/Atoms-takim4.png" style="height: auto;width: 100%;position: static;left: 0px;right: 0px;margin: 0px;margin-top: -13px;border: 1px black;"> | | <img src="https://static.igem.org/mediawiki/2015/d/d0/Atoms-takim4.png" style="height: auto;width: 100%;position: static;left: 0px;right: 0px;margin: 0px;margin-top: -13px;border: 1px black;"> |
| Line 147: |
Line 126: |
| | }); | | }); |
| | }); | | }); |
| − | | + | var observer_config = { |
| − | $(function(){ | + | attributes: true, |
| − | $("#headerWrapper").sticky({topSpacing:51});
| + | childList: true, |
| − | $("nav.scroll-nav").sticky({topSpacing:74});
| + | characterData: true, |
| − |
| + | subtree: true |
| − | });
| + | }; |
| | + | observer.observe(observer_target, observer_config); |
| | </script> | | </script> |
| − |
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − | </html>
| |
| − | </style>
| |
| − | <div class="main">
| |
| − | <article class="post__article">
| |
| − | <h2 class="scroll">1</h2>
| |
| − | <div id="content-div" class="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: -72px !important;">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/4/49/ATOMS-Turkiye_ins1.png" style="height: auto;width: 100%;position: static;left: 0px;right: 0px;margin: 0px;margin-top: -13px;border: 1px black;">
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <h2 class="scroll">2</h2>
| |
| − | <div id="content-div" class="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px;">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/3/30/ATOMS-Turkiye_ins2.png" style="height: auto;width: 100%;position: static;left: 0px;right: 0px;margin: 0px;margin-top: -13px;border: 1px black;">
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <h2 class="scroll">3</h2>
| |
| − | <div id="content-div" class="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px;">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/7/74/ATOMS-Turkiye_ins3.png" style="height: auto;width: 100%;position: static;left: 0px;right: 0px;margin: 0px;margin-top: -13px;border: 1px black;">
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <h2 class="scroll">4</h2>
| |
| − | <div id="content-div" class="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px;">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/7/77/ATOMS-Turkiye_ins4.png" style="height: auto;width: 100%;position: static;left: 0px;right: 0px;margin: 0px;margin-top: -13px;border: 1px black;">
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <h2 class="scroll">5</h2>
| |
| − | <div id="content-div" class="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px;">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/e/e8/Atoms-takim1.png" style="height: auto;width: 100%;position: static;left: 0px;right: 0px;margin: 0px;margin-top: -13px;border: 1px black;">
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <h2 class="scroll">6</h2>
| |
| − | <div id="content-div" class="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px;">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/a/a6/Atoms-takim2.png" style="height: auto;width: 100%;position: static;left: 0px;right: 0px;margin: 0px;margin-top: -13px;border: 1px black;">
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <h2 class="scroll">7</h2>
| |
| − | <div id="content-div" class="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px;">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/9/91/Atoms-takim3.png" style="height: auto;width: 100%;position: static;left: 0px;right: 0px;margin: 0px;margin-top: -13px;border: 1px black;">
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <h2 class="scroll"8</h2>
| |
| − | <div id="content-div" class="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px;">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/d/d0/Atoms-takim4.png" style="height: auto;width: 100%;position: static;left: 0px;right: 0px;margin: 0px;margin-top: -13px;border: 1px black;">
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <h2 class="scroll">9</h2>
| |
| − | <div id="content-div" class="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px;">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/5/53/Atoms-takim5.png" style="height: auto;width: 100%;position: static;left: 0px;right: 0px;margin: 0px;margin-top: -13px;border: 1px black;">
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <h2 class="scroll">10</h2>
| |
| − | <div id="content-div" class="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px;">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/d/d8/Atoms-takim6.png" style="height: auto;width: 100%;position: static;left: 0px;right: 0px;margin: 0px;margin-top: -13px;border: 1px black;">
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − | <h2 class="scroll"></h2>
| |
| − | <div class="content-div" ></div>
| |
| − | </article>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| | | | |
| | <script> | | <script> |
| − | $('.post__article').scrollNav({
| |
| − | sections: '.scroll',
| |
| − | subSections: true,
| |
| − | sectionElem: 'div',
| |
| − | showHeadline: false,
| |
| − | headlineText: 'Scroll To',
| |
| − | showTopLink: true,
| |
| − | topLinkText: 'Top',
| |
| − | fixedMargin: 40,
| |
| − | scrollOffset: 140,
| |
| − | animated: true,
| |
| − | speed: 500,
| |
| − | insertTarget: this.selector,
| |
| − | insertLocation: 'insertBefore',
| |
| − | arrowKeys: true,
| |
| − | scrollToHash: true,
| |
| − | onInit: null,
| |
| − | onRender: null,
| |
| − | onDestroy: null
| |
| − | });
| |
| − | var $;
| |
| − | var observer_target = document.querySelector('.post__article');
| |
| − | var observer = new MutationObserver(function(mutations) {
| |
| − | mutations.forEach(function() {
| |
| − | $.fn.scrollNav('resetPos');
| |
| − | });
| |
| − | });
| |
| − |
| |
| | $(function(){ | | $(function(){ |
| | $("#headerWrapper").sticky({topSpacing:51}); | | $("#headerWrapper").sticky({topSpacing:51}); |
