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

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

Mfatih (Talk | contribs)

← Older edit

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

Mfatih (Talk | contribs)

Newer edit →

Line 22:

}

</style>

−

~~<article class="post__article">~~

+

−

~~<h2 class="scroll"></h2>~~

+

−

+

Line 30:

Line 29:

</div>

−

~~<h2 class="scroll"></h2>~~

+

−

+

Line 37:

Line 36:

</div>

−

~~<h2 class="scroll"></h2>~~

+

−

+

Line 44:

Line 43:

</div>

−

~~<h2 class="scroll"></h2>~~

+

−

+

Line 51:

Line 50:

</div>

−

~~<h2 class="scroll"></h2>~~

+

−

+

Line 58:

Line 57:

</div>

−

~~<h2 class="scroll"></h2>~~

+

Line 65:

Line 64:

</div>

−

~~<h2 class="scroll"></h2>~~

+

Line 72:

Line 71:

</div>

−

~~<h2 class="scroll"></h2>~~

+

Line 79:

Line 78:

</div>

−

~~<h2 class="scroll"></h2>~~

+

Line 86:

Line 85:

</div>

−

~~<h2 class="scroll"></h2>~~

+

Line 92:

Line 91:

</div>

−

~~<h2 class="scroll"></h2>~~

+

−

~~<div class="content-div" ></div>~~

+

−

~~</article>~~

+

Line 101:

Line 99:

$('.post__article').scrollNav({

−

sections: '.~~scroll~~',

+

sections: '.content-div',

subSections: true,

sectionElem: 'div',

Line 119:

Line 117:

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"

Revision as of 23:31, 4 October 2015

Team ATOMS-Turkiye

atoms2015@googlegroups.com

@@ Line 22: / Line 22: @@
 }
 </style>
-<article class="post__article">
-<h2 class="scroll"></h2>
+<div id="content-div" class="content-div" style="width:100%; height:900px; margin:auto; padding:0px; margin-top: 65px !important;">
-<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 30: / Line 29: @@
 </div>
-<h2 class="scroll"></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 !important;">
 <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 37: / Line 36: @@
 </div>
-<h2 class="scroll"></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 !important;">
 <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 44: / Line 43: @@
 </div>
-<h2 class="scroll"></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 !important;">
 <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 51: / Line 50: @@
 </div>
-<h2 class="scroll"></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 !important;">
 <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 58: / Line 57: @@
 </div>
-<h2 class="scroll"></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 65: / Line 64: @@
 </div>
-<h2 class="scroll"></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 72: / Line 71: @@
 </div>
-<h2 class="scroll"></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 79: / Line 78: @@
 </div>
-<h2 class="scroll"></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 86: / Line 85: @@
 </div>
-<h2 class="scroll"></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 92: / Line 91: @@
 </div>
-<h2 class="scroll"></h2>
-<div class="content-div" ></div>
-</article>
@@ Line 101: / Line 99: @@
 <script>
   $('.post__article').scrollNav({
-     sections: '.scroll',
+     sections: '.content-div',
      subSections: true,
      sectionElem: 'div',
@@ Line 119: / Line 117: @@
      onRender: null,
      onDestroy: null
+});
+var $;
+var observer_target = document.querySelector('.post__article');
+var observer = new MutationObserver(function(mutations) {
+  mutations.forEach(function() {
+    $.fn.scrollNav('resetPos');
+  });
 });