实现效果图:

向下滑动时,导航栏固定
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
img{
display: block;
margin: 0 auto;
}
img#search.dhgd{
position: fixed;
left: 50%;
margin-left: -596px;
top: 0px;
}
</style>
<script src="jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function(){
// 给浏览器加滚动条事件
$(window).scroll(function(){
//获得当前已滚动上去的距离
var t = $(document).scrollTop();
console.log('=================='+t)
if(t>126){
$("#search").addClass('dhgd');
}else{
$("#search").removeClass('dhgd');
}
})
})
</script>
</head>
<body style="background: #F1F1F1;">



</body>
</html>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
# jquery
# 固定导航条
# jQuery导航条固定定位
# jquery固定定位
# 基于jQuery实现定位导航位置效果
# 基于JQuery和原生JavaScript实现网页定位导航特效
# jQuery网页定位导航特效实现方法
# jquery实现网页定位导航
# jQuery仿京东商城楼梯式导航定位菜单
# jquery实现企业定位式导航效果
# 大家多多
# 滚动条
# margin
# padding
# img
# text
# css
# type
# display
# position
# fixed
# left
# dhgd
# block
# auto
# search
# xhtml
# lt
# DOCTYPE
# brush
相关文章:
如何通过VPS建站实现广告与增值服务盈利?
如何在云主机上快速搭建网站?
如何用PHP快速搭建CMS系统?
C#怎么使用委托和事件 C# delegate与event编程方法
高端智能建站公司优选:品牌定制与SEO优化一站式服务
已有域名和空间如何搭建网站?
如何通过虚拟主机空间快速建站?
专业网站制作企业网站,如何制作一个企业网站,建设网站的基本步骤有哪些?
如何构建满足综合性能需求的优质建站方案?
南阳网站制作公司推荐,小学电子版试卷去哪里找资源好?
智能起名网站制作软件有哪些,制作logo的软件?
网站广告牌制作方法,街上的广告牌,横幅,用PS还是其他软件做的?
高端企业智能建站程序:SEO优化与响应式模板定制开发
如何通过可视化优化提升建站效果?
如何快速生成凡客建站的专业级图册?
为什么Go需要go mod文件_Go go mod文件作用说明
已有域名建站全流程解析:网站搭建步骤与建站工具选择
独立制作一个网站多少钱,建立网站需要花多少钱?
香港服务器建站指南:免备案优势与SEO优化技巧全解析
如何在阿里云虚拟主机上快速搭建个人网站?
公司网站建设制作费用,想建设一个属于自己的企业网站,该如何去做?
详解一款开源免费的.NET文档操作组件DocX(.NET组件介绍之一)
如何选择服务器才能高效搭建专属网站?
c++怎么用jemalloc c++替换默认内存分配器【性能】
建站主机功能解析:服务器选择与快速搭建指南
东莞市网站制作公司有哪些,东莞找工作用什么网站好?
,怎么在广州志愿者网站注册?
制作假网页,招聘网的薪资待遇,会有靠谱的吗?一面试又各种折扣?
枣阳网站制作,阳新火车站打的到仙岛湖多少钱?
济南专业网站制作公司,济南信息工程学校怎么样?
制作宣传网站的软件,小红书可以宣传网站吗?
如何通过智能用户系统一键生成高效建站方案?
建站主机是什么?如何选择适合的建站主机?
网站制作公司哪里好做,成都网站制作公司哪家做得比较好,更正规?
如何通过NAT技术实现内网高效建站?
如何制作网站标识牌,动态网站如何制作(教程)?
如何零成本快速生成个人自助网站?
建站主机选虚拟主机还是云服务器更好?
如何正确选择百度移动适配建站域名?
广州营销型建站服务商推荐:技术优势与SEO优化解析
php json中文编码为null的解决办法
制作网站的过程怎么写,用凡科建站如何制作自己的网站?
建站168自助建站系统:快速模板定制与SEO优化指南
图册素材网站设计制作软件,图册的导出方式有几种?
深圳网站制作案例,网页的相关名词有哪些?
h5在线制作网站电脑版下载,h5网页制作软件?
如何解决ASP生成WAP建站中文乱码问题?
金*站制作公司有哪些,金华教育集团官网?
Python路径拼接规范_跨平台处理说明【指导】
C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换
*请认真填写需求信息,我们会在24小时内与您取得联系。