js 设置导航固定

<div id="nav">
....
</div>
function Add_Data() {
    var top = $("#header-navbar").offset().top;
    var scrolla = $(window).scrollTop();
    var cha = parseInt(top) - parseInt(scrolla);
    if (cha <= 0) {
        $("#header-navbar").addClass("navbar-fixed-top");
    }
    if (parseInt(scrolla)== 0) {
        $("#header-navbar").removeClass("navbar-fixed-top");
    }
};

//页面加载
$(function() {
    //设置头部导航固定
    $(window).scroll(Add_Data);
});
时间: 2024-12-29 11:12:32

js 设置导航固定的相关文章

js实现导航固定定位

                                                                               js实现导航固定定位 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="

设置导航栏半透明背景

1 // 设置导航栏半透明背景 2 UINavigationBar *navBar = self.navigationBar; 3 if ([navBar respondsToSelector:@selector(setBackgroundImage:forBarMetrics:)]) { 4 [navBar setBackgroundImage:[UIImage imageNamed:@"navigation_backguound.png"] forBarMetrics:UIBarM

jQuery网页向下滚动导航固定顶部代码

<!doctype html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery网页向下滚动导航固定顶部代码</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src=&

jQuery实现的导航固定效果

网页上的头部固定,但不随滚动条滚动的效果,在百度贴吧里整理出来的网页特效,最开始的时候,固定条可以随滚动条拖动至网页顶部,但到达网页顶部后,再次拖动滚动条,头部并不滚动,其它的内容可以滚动,貌似在网上见的挺多的效果. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

JS设置读取删除cookie及表单交互

学习cookie和表单交互留下的一点笔记 什么是cookie?cookie 是存储于客户端的变量.当设备请求页面时,就会发送cookie.首先需要稍微了解一下cookie的结构,简单地说:cookie是以键值对的形式保存的,即key=value的格式.各个cookie之间一般是以";"分隔.JS设置cookie:document.cookie= key + '=' + value + ';expires=' + Date;其中Date为cookie的过期时间.实际案例: //setCo

新浪微博客户端(4)-设置导航栏主题

为了使整个项目的NavigationBar 上的UIBarButtonItem的颜色,字体大小一致,需要设置导航栏主题. 由于项目使用的是自定义的DJNavigationController,而又要保证只设置一次,所以将设置主题的代码写在DJNavigationController.m文件中的initialize方法中. DJNavigationController.m #import "DJNavigationController.h" @implementation DJNavig

JS设置cookie,删除cookie(引)

JS设置cookie,删除cookie(引) js设置cookie有很多种方法. 第一种:(这个是w3c官网的代码) <script> //设置cookie function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); var expires = "expires="+d.toUTCString(); docum

js设置下拉框选中后change事件无效解决

下拉框部分代码: <select id="bigType"> <option value="">请选择</option> <option value="1">xiamen</option> <option value="2">beijing</option> </select> <select id="smallTy

切小标签圆角 设置导航条字体样式

切小标签圆角 UIBezierPath *maskPath = [UIBezierPath bezierPathWithRoundedRect:self.markLabel.bounds byRoundingCorners:UIRectCornerBottomLeft | UIRectCornerBottomRight cornerRadii:CGSizeMake(5, 5)]; CAShapeLayer *maskLayer = [[CAShapeLayer alloc] init]; mas