javascript - Sticky Menu in JS -

-

Everyone,

I have implemented a script that makes sticky while scrolling my menu . The

function works, though it starts behaving strangely suddenly when scrolling back - instead of returning to its original location, it stays very high.

This is the reason I have to change something, but I can not understand it.

Menu / script is on.

I really appreciate any help. Thanks!

Script: 

  & lt; Script type = 'text / javascript' & gt; JQuery (document) .scroll (function () {if (jQuery (this) .scrollTop ()> 175) {jQuery (Menu-Secondary-rap & amp; # 39;) CSS (& Amp;; & # 39; Status & amp; # 39;, & amp; # 39; Fixed & amp; # 39;); jQuery (& amp; # 39; Menu-Secondary-Wrap & amp; # 39; CSS (& amp; # 39; Top & amp; # 39; & amp; # 39; & amp; # 39;); jQuery (& amp; # 39; Menu-Secondary-Rap & amp; # 39; ) CSS (& amp; # 39; Width & amp; # 39 ;, & # 39; 950px & amp; # 39;); jQuery (& amp; # 39; Menu-Secondary-Wrap & amp; # 39; CSS (& amp; # 39; Box-Shadow & amp; # 39; 0 -2px 6px 2px # 555 & amp; # 39;);} and {jQuery (& .; Menu -Media-rap & amp; # 39;) CSS (& amp; # 39; Status & amp; # 39 ;, & Amp; # 39; Fixed & amp; # 39;;}}}); & lt; / script & gt;  
 
 I would recommend separating CSS and JavaScript. AddClass  /  removeClass  methods to add or remove specific CSS classes. Additionally I store the distance from the menu in a variable by using a   element.offset on top of the document; . 
 
 CSS 
 
 . Stable {status: fixed; Top: 0; Width: 950px; Box-Shadow: 0-2 pixel 6px 2px # 555; }  
 
 jQuery 
 
  & lt; Script src = "// ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min .js" & gt; & Lt; / Script & gt; & Lt; Script & gt; Window.jquire || Document.write ('& lt; script src = "js / jquery.min.js" & gt; & lt; / script & gt;') & lt; / Script & gt; & Lt; Script type = 'text / javascript' & gt; Var $ menu = $ ('menu-secondary-rap'); Var menu_top = $ menu.offset () Top; $ (Document) .scroll (function () {if ($ (window) .scrollTop ()> menu_top) {$ menu.addClass ('static');} and {$ menu.removeClass ('static'); }}); & Lt; / Script & gt;  
 
 I have put together. Hope it helps!

Comments

Post a Comment

Popular posts from this blog

import - Python ImportError: No module named wmi -

-
I followed the instructions for downloading WMI for Python When I try to run the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = wmi.WMI (): if Raw_input ("restart% s?"% S.Caption) .upper () == "Y": s.StartService () I got the error traceback (most recent call end): file ". \", Line 1, edit: I am using Python 2.7.6 EDIT2: I am running 64-bit Windows 2008 R2, and I've downloaded WMI-1.4.9.zip (md5). I removed the content and put it in D: Python \ Tools \ Scripts I executed dragon setup.py.install I said D : \ Python \ tools \ scripts to% PATH% and when I execute the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = Wmi.WMI (): If raw_input ("Restart% s?"% S. Caption). () == "Y": s.StartService () error me Gets traceback (most recent call final): File ". See \", line 1, & lt; Modu...
Read more

Editing Python Class in Shell and SQLAlchemy -

-
I am working on the terminal on a shell script after this tutorial SQLAlchemy tutorial. I need to type gt; & Gt; & Gt; Sqlalchemy import column, integer, string & gt; & Gt; & Gt; Class user (base): __tablename__ = 'users' id = column (integer, primary_key = true) name = column (string) absolute name = column (string) password = column (string) def __repr __ (self): return "& lt ; User (name = '% s', absolute name = '% s', password = '% s') & gt; "% (Self.name, self.fullname, self.password) After the problem I have typed the password = column (string) I hit twice and changed .... >> I then took everything back but then an error was thrown because the class already exists ... I am not completely sure how to fix it. How do I open that slip in the shell script and edit it (Add DF to DRR) The error thrown below: / user / giripeters / TFSQLLX / Lib / python2.7 / site-packages / sqlalchemy / ext / decla...
Read more

lua - HowTo create a fuel bar -

-
I would like to create a fuel bar (empty with full tank). When the user touches the screen, the fuel once Dairejh these is my code: lifeBar = display.newImage ( "fuel_bar1.png") lifeBar.anchorX = 0 lifeboats. ======================== Lifetime Y = 37 screens Group: The Insert function (called Laifbar) However, I fuel Kansmoshn (equivalent to "pressed" variable to reduce the fuel tank "true") Have used. When pressed == is true, it means that the user is touching the screen: processed (fuel) processed () if life & gt; 0 and pressed == true remains = life - life 1 Life = life =. Wide-1 remains Value.text = string.format ("% d", life) End of this This function is active as the entrance event: runtime: addEventListener ( "Antrfrem" fuel Snsadna) it is very well, but my question is: pressed variable each time 5 seconds (once = = True) How is it possible to reduce the vitality width? I tried to add it to my touch even...
Read more