css - Floating menu jquery hover -

-

i got following floating menu on site:

$(function() {     var nav = $('nav');     var nava = $('nav a');     /* var navaonhover = $('nav a:hover'); */     var navhomey = nav.offset().top;     var isfixed = false;     var $w = $(window);     nav.css({ background: '#222' });     $w.scroll(function() {         var scrolltop = $w.scrolltop();         var shouldbefixed = scrolltop > navhomey;         if (shouldbefixed && !isfixed) {             nav.css({                 transition: 'all 0.30s ease-in-out',                 position: 'fixed',                 top: 0,                 left: nav.offset().left,                 width: nav.width(),                 height: 59,                 background: '#315d90'             });             nava.css({                 color:'#fff'             });             /* navaonhover.css({             color:'#000'             }); */             isfixed = true;         }         else if (!shouldbefixed && isfixed)         {             nav.css({             height: 50,                 position: 'static',                 background:'#222'             });             nava.css({                 color:'#fff'             });             /* navaonhover.css({             color:'#000'             }); */             isfixed = false;         }     }); });

in fourth, twenty 1 , forty 1 lines (marked @ start /* , @ end */) tried nav a:hover responsible on mouse on when menu floats down.
not working, variable navaonhover not nav a:hover value.
how can make work in way or other ways?
it's important because if scroll down , later go up, hover settings changed, , color #fff stays either if hover or not.

if i'm not clear, @ demo - scroll page down , afterwards scroll up.

thanks.

try this:

<script type="text/javascript"> $(document).ready(function(){     $(function() {         var nav = $('nav');         var nava = $('nav a');         var navhomey = nav.offset().top;         var isfixed = false;         var $w = $(window);         nav.css({ background: '#222' });         $('nav a').hover(function(){              $(this).css({'color':'black'})              },function(){                 $(this).css({'color':'white'})          })         $w.scroll(function() {             var scrolltop = $w.scrolltop();             var shouldbefixed = scrolltop > navhomey;             if (shouldbefixed && !isfixed) {                 nav.css({                     transition: 'all 0.30s ease-in-out',                     position: 'fixed',                     top: 0,                     left: nav.offset().left,                     width: nav.width(),                     height: 59,                     background: '#315d90'                 });                 isfixed = true;             }             else if (!shouldbefixed && isfixed)             {                 nav.css({                 height: 50,                     position: 'static',                     background:'#222'                 });                 isfixed = false;             }         });     });}) </script>

Comments

Post a Comment

Popular posts from this blog

java - WrongTypeOfReturnValue exception thrown when unit testing using mockito -

-
my test list<person> mylist; @test public void testisvalidperson() { mylist = new arraylist<person>(); mylist.add(new person("tom")); when(persondao.get(person)).thenreturn(mylist); when((persondao.get(person)).isempty()).thenreturn(false);//------exception thrown boolean result = service.isvalid("tom"); assertfalse(result); } method tested: public boolean isvalid(string person){ persondao = new persondao(); person personobj = new person(person); return (persondao.get(person).isempty())?false : true; } exception thrown: org.mockito.exceptions.misusing.wrongtypeofreturnvalue: boolean cannot returned get() get() should return list *** if you're unsure why you're getting above error read on. due nature of syntax above problem might occur because: 1. exception *might* occur in wrongly written multi-threaded tests. please refer mockito faq on limitations of concurrency testing. 2. sp
Read more

php - Magento - Deleted Base url key -

-
i working on cleaning url: http://mydomain.com/shop/shop/deals i going through settings in configuration tab in admin panel on magento , change secure , unsecure base urls remove first base url "shop" web page read: http://mydomain.com/shop/deals so changed unsecure base urls mydomain.com/shop mydomain.com , secure 12.345.67.89/shop 12.345.67.89. wrong thing do. i cannot reload page or admin console. how access these files through ftp , change correctly there?? when make changes in admin panel changes made in database not in file. have make changes in database. 1.go database , select core_config_data table under table find web/unsecure/base_url , web/secure/base_url . make changes here. don't forget clear cache in var/cache folder
Read more

android - How to disable Button if EditText is empty ? -

-
i have edittext , button in application. when button clicked,the text entered in edittext added listview. i want disable button if edittext empty.how ? this code button click imagebutton imb=(imagebutton)findviewbyid(r.id.btn_send); imb.setonclicklistener(new onclicklistener() { @override public void onclick(view arg0) { edittext et = (edittext)findviewbyid(r.id.edittext1); string str = et.gettext().tostring(); web1.add(str); toast.maketext(shoutsingleprogram.this, "you entered...."+str, toast.length_short).show(); adapter1.notifydatasetchanged(); et.settext(""); } }); } how can ? edittext1.addtextchangedlistener(new textwatcher() { @override public void ontextchanged(charsequence s, int start, int before, in
Read more