文档章节

顶端浮动导航

曲文
 曲文
发布于 2017/06/30 10:58
字数 92
阅读 9
收藏 0

设定绝对位置div后用js绑定scroll事件判断并加载div

<div id="mnav" style="width:100%;height:80px;position:fixed;top:0;left:0; background-color: #fff;border-bottom: 4px groove rgba(96,96,96,0.1);z-index: 999;" class="w1200 clearfix">

<script type="text/javascript"> 
$(window).bind('scroll', function(){
    var t = document.documentElement.scrollTop || document.body.scrollTop;

    if( t >= 900 ) { 
        $("#mnav").css("display", "inline"); 
    } 
    if(t < 900){ 
        $("#mnav").css("display", "none");
    } 

});
</script> 

 

© 著作权归作者所有

上一篇: js跑马灯
下一篇: css,html笔记
曲文
粉丝 2
博文 61
码字总数 21557
作品 0
朝阳
程序员
私信 提问
js中给某个class属性元素加样式。 css中加float后,元素找不到了,用margin:right可以看到

js中给某个class属性元素加样式。 css中加float后,元素找不到了,用margin:right可以看到. 是受到了上边和下边元素样式的影响 例如: 一个个回答的跟猪一样,看没看懂人家问的是什么啊?人家...

writeademo
2016/10/10
98
0
C#或者WPF中让某个窗体置顶

原文:C#或者WPF中让某个窗体置顶 前记:在工作中有个需求,要求不管到那个界面,我必须让一个浮动条(其实是个窗体)置顶。 我用wpf,因为有之前有好几个界面已经设置成topmost了,所以在这几...

杰克.陈
2018/11/03
0
0
CSS之BFC(Block formatting context)

BFC(Block formatting context) BFC是一个独立的渲染区域,之可以块级元素参与其中,主要规定了块级元素如何布局,与(BFC)外部的区域没有什么关系。 触发条件 float属性不为none positi...

追逐iOS
2018/11/22
0
0
CSS --导航栏

导航栏实际例子 一、垂直导航栏 <!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html" charset="utf-8"> <title> This is my HTML</title> <style type="text......

求是科技
2015/12/15
44
0
自动生成文档导航目录插件--autonavi

autonavi是一个自动化生成文档导航目录的插件,依赖于jquery。可以自动生成单个网页的导航目录,也可以通过传入参数来设置导航目录。 autonavi 是一款自动化生成文档导航的js插件,基于jquer...

实习导演
2016/11/09
1K
3

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周二乱弹 —— 女装大佬被拆穿是妹子假扮

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 小小编辑推荐:《All of the Stars》- Ed Sheeran 《All of the Stars》- Ed Sheeran 手机党少年们想听歌,请使劲儿戳(这里) @Leon_swool ...

小小编辑
20分钟前
52
3
3. 彤哥说netty系列之Java BIO NIO AIO进化史

你好,我是彤哥,本篇是netty系列的第三篇。 欢迎来我的公从号彤哥读源码系统地学习源码&架构的知识。 简介 上一章我们介绍了IO的五种模型,实际上Java只支持其中的三种,即BIO/NIO/AIO。 本...

彤哥读源码
23分钟前
8
0
02.日志系统:一条SQL更新语句是如何执行的?

我们还是从一个表的一条更新语句说起,我们创建下面一张表: create table T(ID int primary key, c int); 如果要将ID=2这一行c的值加1,SQL可以这么写: update T set c=c+1 where ID=2; 前...

scgaopan
今天
9
0
【五分钟系列】掌握vscode调试技巧

调试前端js 准备一个前端项目 index.html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1......

aoping
今天
8
0
PhotoShop 高级应用:USM锐化/S锐化/防抖

、 高反差锐化+混合模式:叠加模式 【将更多的边缘细节添加到图像中】

东方墨天
今天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部