Difference between revisions of "Team:ATOMS-Turkiye/Team/ATOMs"

 
(13 intermediate revisions by the same user not shown)
Line 18: Line 18:
 
margin-top:0px !important
 
margin-top:0px !important
 
}
 
}
−
.scroll-nav {
+
.scroll-nav, .scroll {
 
display:none
 
display:none
 
}
 
}
 
</style>
 
</style>
−
 
+
<div class="main">
−
<div id="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px !important;">
+
<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;">
 
<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>
 
  
  
−
<div id="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px !important;">
+
</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;">
 
<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>
 
</div>
  
−
<div id="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px !important;">
+
<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;">
 
<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>
 
</div>
  
−
<div id="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px !important;">
+
<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;">
 
<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>
 
</div>
  
−
<div id="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px !important;">
+
<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;">
 
<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;">
 
      
 
      
Line 46: Line 59:
 
</div>
 
</div>
  
−
<div id="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px;">
+
<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;">
 
<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;">
 
      
 
      
Line 52: Line 66:
 
</div>
 
</div>
  
−
 
+
<h2 class="scroll">7</h2>
−
<div id="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/9/91/Atoms-takim3.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/9/91/Atoms-takim3.png" style="height: auto;width: 100%;position: static;left: 0px;right: 0px;margin: 0px;margin-top: -13px;border: 1px black;">
 
      
 
      
Line 59: Line 73:
 
</div>
 
</div>
  
−
 
+
<h2 class="scroll">8</h2>
−
<div id="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 66: Line 80:
 
</div>
 
</div>
  
−
 
+
<h2 class="scroll">9</h2>
−
<div id="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/5/53/Atoms-takim5.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/5/53/Atoms-takim5.png" style="height: auto;width: 100%;position: static;left: 0px;right: 0px;margin: 0px;margin-top: -13px;border: 1px black;">
 
      
 
      
Line 73: Line 87:
 
</div>
 
</div>
  
−
 
+
<h2 class="scroll">10</h2>
−
<div id="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/d8/Atoms-takim6.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/d8/Atoms-takim6.png" style="height: auto;width: 100%;position: static;left: 0px;right: 0px;margin: 0px;margin-top: -13px;border: 1px black;">
 
      
 
      
 
      
 
      
 
</div>
 
</div>
−
 
+
<h2 class="scroll"></h2>
−
 
+
<div class="content-div" ></div>
−
 
+
</article>
 +
</div>
  
  
Line 87: Line 102:
 
<script>
 
<script>
 
  $('.post__article').scrollNav({
 
  $('.post__article').scrollNav({
−
     sections: '#content-div',
+
     sections: '.scroll',
 
     subSections: true,
 
     subSections: true,
 
     sectionElem: 'div',
 
     sectionElem: 'div',
Line 100: Line 115:
 
     insertTarget: this.selector,
 
     insertTarget: this.selector,
 
     insertLocation: 'insertBefore',
 
     insertLocation: 'insertBefore',
−
     arrowKeys: true,
+
     arrowKeys: false,
 
     scrollToHash: true,
 
     scrollToHash: true,
 
     onInit: null,
 
     onInit: null,
 
     onRender: null,
 
     onRender: null,
 
     onDestroy: null
 
     onDestroy: null
 +
});
 +
var $;
 +
var observer_target = document.querySelector('.post__article');
 +
var observer = new MutationObserver(function(mutations) {
 +
  mutations.forEach(function() {
 +
    $.fn.scrollNav('resetPos');
 +
  });
 
});
 
});
  

Latest revision as of 00:34, 5 October 2015


1

2

3

4

5

6

7

8

9

10