CSS fixed nav with jquery -


i've css, cause of following problem; nav wont stay fixed. please help

the problem (since deleted this, worked)

[canvas] {     z-index: 1; }  [canvas=container] {     width: 100%;     height: 100%;     overflow-y: auto;     position: relative;     background-color: white; /* basic background color, overwrite in own css. */     -webkit-overflow-scrolling: touch; /* enables momentum scrolling on ios devices, may removed setting 'auto' in own css. */ }  [canvas=container]:before, [canvas=container]:after {     clear: both;     content: '';     display: table; }  /**  * off-canavs  */  [off-canvas] {     display: none;     position: fixed;     overflow: hidden;     overflow-y: auto;     background-color: black;     color: white; /* basic colors, overwrite in own css. */     -webkit-overflow-scrolling: touch; /* enables momentum scrolling on ios devices, may removed setting 'auto' in own css. */ }  [off-canvas*=top] {     width: 100%;     height: 255px;     top: 0; }  [off-canvas*=right] {     width: 255px;     height: 100%;     top: 0;     right: 0; }  [off-canvas*=bottom] {     width: 100%;     height: 255px;     bottom: 0; }  [off-canvas*=left] {     width: 255px;     height: 100%;     top: 0;     left: 0; }  [off-canvas*=reveal] {     z-index: 0; }  [off-canvas*=push] {     z-index: 1; }  [off-canvas*=overlay] {     z-index: 9999; }  /**  * animation  */  [canvas], [off-canvas] {     -webkit-transform: translate( 0px, 0px );         -ms-transform: translate( 0px, 0px );             transform: translate( 0px, 0px );     -webkit-transition: -webkit-transform 300ms ease;             transition:         transform 300ms ease;     -webkit-backface-visibility: hidden; /* prevents flickering may removed if having problems fixed background images in chrome. */ }  /**  * print  */  @media print {     [canvas] {         -webkit-transform: translate( 0px, 0px ) !important;             -ms-transform: translate( 0px, 0px ) !important;                 transform: translate( 0px, 0px ) !important;     }      [off-canvas] {         display: none !important;     } }

i've website within div called
, nav looks this;

nav{     left: 0;     top: 0;     right: 0;     position: fixed;     z-index: 100;     box-sizing: border-box;     border-bottom: 1px solid #eee;     background: -webkit-linear-gradient(left,rgba(10,21,31, 0.8), rgba(12,53,72, 0.8), rgba(38,74,81, 0.8));     background: -o-linear-gradient(left,rgba(10,21,31, 0.8), rgba(12,53,72, 0.8), rgba(38,74,81, 0.8));     background: -moz-linear-gradient(left,rgba(10,21,31, 0.8), rgba(12,53,72, 0.8), rgba(38,74,81, 0.8));     background: linear-gradient(to right, rgba(10,21,31, 0.8), rgba(12,53,72, 0.8), rgba(38,74,81, 0.8));     color: #fff }

the html menu (coming left, not nav) looks like;

<div off-canvas="sb-1 left reveal" id="menu">     <div class="icono-cross close-any"></div> </div>

and nav;

<nav></nav>


Comments

Post a Comment

Popular posts from this blog

android - Pass an Serializable object in AIDL -

i have defined aidl file interface imyfeature { void dotask(class clazz); } but need pass class object process. possible in android? if so, how? i tried: interface imyfeature { serializable class; void dotask(class clazz); } but doesn’t work. aidl in android supports custom class implement parcelable interface. in case want send class object not possible. can send class canonical name , retrieve in service. for example have aidl file interface imyfeature { void dotask(string classname); } then call : binder.dotask(myclass.class.getcanonicalname()); and in service binder stub implementation : private final imyfeature mbinder = new imyfeature.stub() { public void dotask(string classname) { try { class<?> clazz = class.forname(classname); constructor<?> ctor = clazz.getconstructor((class[]) null); object object = ctor.newinstance(); ...
Read more

How to provide Authorization & Authentication using Asp.net, C#? -

Image
i have asp.net application in c#. i have provide page authorization specific user/usergroup. i have created 2 tables in database: 1) pagename 2)permissions[insert, update, view, delete] but i'm unable match tables , permissions assigning... can 1 please me, how created tables in database , how coding. please me. you can below explanation. configure access specific file , folder, set forms-based authentication. request page in application redirected logon.aspx automatically. in web.config file, type or paste following code. this code grants users access default1.aspx page , subdir1 folder . <configuration> <system.web> <authentication mode="forms" > <forms loginurl="login.aspx" name=".aspnetauth" protection="none" path="/" timeout="20" > </forms> </authentication> <!-- section denies access files in...
Read more

How to use Authorization & Authentication in Asp.net, C#? -

i using roll management , trying give page , folder access according user or user group, using server created ad group user authentication. i have default1.aspx page default , subdir1 folder give different access separate user group i using below logic in web.config. <location path="subdir1"> <system.web> <authorization> <allow users ="?" /> </authorization> </system.web> </location> i facing problem provide same access 2 or more directory same user should have provide allow user code twice both folder? i can use logic repeating value folder want access providing in 1 logic. i have got answer configure folder/page access, have make different access shown below.. configure access specific file , folder, set forms-based authentication. request page in application redirected logon.aspx automatically. in web.config file, done following code. this code grants user...
Read more