javascript - Sticky navigation bar - not working -

-

question

i want navbar stick conditionally on scroll. there bugs can not quite diagnose, new jquery. preventing nav bar sticking conditionally on scroll?

the jquery in jsfiddle below not run correctly, , after trying awhile make work, cannot seem make run. i've looked @ other examples of i'd rather not change jquery entirely until know reason code not work. not link html full of lorem ipsum test text body. found in jsfiddle link.

what error in javascript isn't making navbar apply sticky class?

javascript

var navtop = $(".nav").offset().top;  var stickynav = function(){   if ($(window).scrolltop() >= navtop){     $(".nav").addclass(".sticky")   } else {     $(".nav").removeclass(".sticky")   } };  stickynav();  $(window).scroll(function(){     stickynav(); };

css

* {   margin: 0;   box-sizing: border-box; }  .mainheader {   width: 100%;   height: 20%;   background-color: rgb(62, 65, 66);   text-align: center;   font-family: "helvetica nue"; }  .navigation {   width 100%;   height 10%;   background-color: rgb(89, 127, 143);   position: relative; }  .sticky {   position: fixed; }

https://jsfiddle.net/11u1bj5j/

you have bugs in js code. firstly, .nav should nav since <nav> element has class of navigation. so, we'll grab tag name instead. secondly, .addclass() , .removeclass() don't need period before class name.

here's updated javascript:

var navtop = $("nav").offset().top;  var stickynav = function(){     if ($(window).scrolltop() >= navtop){         $("nav").addclass("sticky");     } else {         $("nav").removeclass("sticky");     } };  stickynav();  $(window).scroll(function(){     stickynav(); });

here's updated fiddle.


Comments

Post a Comment

Popular posts from this blog

how to insert data php javascript mysql with multiple array session 2 -

-
i have method method discussed , successful data entered 1 when more 1 can not database this programs my php form : <form class="form-horizontal" id="form-produk"> <div class="control-group" > <label class="control-label" for="kelas">kategori</label> <div class="controls"> <select class='form-control' name='id_kategori'> <?php $tampil=mysql_query("select * kategori order nama_kategori"); if ($id_kat==0){ echo "<option value=0 selected>- pilih kategori -</option>"; } while($w=mysql_fetch_array($tampil)){ if ($id_kat==$w[id_kategori]){ echo "<option value=$w[id_kategori] selected>$w[nama_kategori]</option>"; } else{ echo "<option value=$w[id_kategori]>$...
Read more

multithreading - Exception in Application constructor -

-
i wanna write snake game javafx , there exception don't know , want know how fix it. ( know it's not complete yet ) and want know , class extends application ( start override ) main in other programs? see , here not static void main bc didn't need, if want add main shoud do? it's exeption... exception in application constructor exception in thread "main" java.lang.nosuchmethodexception: main_snake.main([ljava.lang.string;) @ java.lang.class.getmethod(class.java:1819) @ com.intellij.rt.execution.application.appmain.main(appmain.java:125) and code : import javafx.animation.animationtimer; import javafx.application.application; import javafx.event.eventhandler; import javafx.scene.scene; import javafx.scene.canvas.canvas; import javafx.scene.canvas.graphicscontext; import javafx.scene.input.keyevent; import javafx.scene.layout.borderpane; import javafx.scene.paint.color; import javafx.stage.stage; import java.util.arraylist; /** * creat...
Read more

windows - CertCreateCertificateContext returns CRYPT_E_ASN1_BADTAG / 8009310b -

-
i realize similar post others (e.g. this one ), there details missing posts might significant case. to start with, here's simplified program: #include "stdafx.h" #include <windows.h> #include <wincrypt.h> int _tmain(int argc, _tchar* argv[]) { // usage: certextract certpath char keyfile[] = "c:\\certificates\\public.crt"; byte lp[65536]; security_attributes sa; handle hkeyfile; dword bytes; pccert_context certcontext; sa.nlength = sizeof(sa); sa.lpsecuritydescriptor = null; sa.binherithandle = false; hkeyfile = createfile(keyfile, generic_read, file_share_read, &sa, open_existing, file_attribute_normal, null); if (hkeyfile) { if (readfile(hkeyfile, lp, getfilesize(hkeyfile, null), &bytes, null) && bytes > 0) { certcontext = certcreatecertificatecontext(x509_asn_encoding, lp, bytes); if (certcontext) { printf("yay...
Read more