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

Revision as of 23:15, 4 October 2015 (view source)

Mfatih (Talk | contribs)

← Older edit

Latest revision as of 00:34, 5 October 2015 (view source)

Mfatih (Talk | contribs)

(10 intermediate revisions by the same user not shown)

Line 18:

margin-top:0px !important

}

−

.scroll-nav {

+

.scroll-nav, .scroll {

display:none

}

</style>

−

+

−

+

+

+

Line 29:

Line 31:

</div>

−

+

Line 36:

Line 38:

</div>

−

+

Line 43:

Line 45:

</div>

−

+

Line 50:

Line 52:

</div>

−

+

Line 57:

Line 59:

</div>

−

+

Line 64:

Line 66:

</div>

−

+

Line 71:

Line 73:

</div>

−

+

Line 78:

Line 80:

</div>

−

+

Line 85:

Line 87:

</div>

−

+

Line 91:

Line 93:

</div>

−

+

−

+

−

+

</article>

+

</div>

Line 99:

Line 102:

$('.post__article').scrollNav({

−

sections: '.~~content-div~~',

+

sections: '.scroll',

subSections: true,

sectionElem: 'div',

Line 112:

Line 115:

insertTarget: this.selector,

insertLocation: 'insertBefore',

−

arrowKeys: ~~true~~,

+

arrowKeys: false,

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');

+

});

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

Latest revision as of 00:34, 5 October 2015

Team ATOMS-Turkiye

atoms2015@googlegroups.com

1

2

3

4

5

6

7

8

9

10

@@ Line 18: / Line 18: @@
 margin-top:0px !important
 }
-.scroll-nav {
+.scroll-nav, .scroll {
 display:none
 }
 </style>
+<div class="main">
-<div id="content-div" class="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: -62px !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;">
@@ Line 29: / Line 31: @@
 </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;">
@@ Line 36: / Line 38: @@
 </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;">
@@ Line 43: / Line 45: @@
 </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;">
@@ Line 50: / Line 52: @@
 </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;">
@@ Line 57: / Line 59: @@
 </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;">
@@ Line 64: / Line 66: @@
 </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;">
@@ Line 71: / Line 73: @@
 </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;">
@@ Line 78: / Line 80: @@
 </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;">
@@ Line 85: / Line 87: @@
 </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;">
@@ Line 91: / Line 93: @@
 </div>
+<h2 class="scroll"></h2>
+<div class="content-div" ></div>
+</article>
+</div>
@@ Line 99: / Line 102: @@
 <script>
   $('.post__article').scrollNav({
-     sections: '.content-div',
+     sections: '.scroll',
      subSections: true,
      sectionElem: 'div',
@@ Line 112: / Line 115: @@
      insertTarget: this.selector,
      insertLocation: 'insertBefore',
-     arrowKeys: true,
+     arrowKeys: false,
      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');
+  });
 });