【webQD】☆★之固定DIV不随滚动条滚动
在项目开发中,有的页面的某些按钮,我们是不想让他跟着滚动条滚动的,比如,添加页面,有很长的内容添加,在往下滚动添加的过程中,我们始终想看到保存按钮。OK!
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> < html >
< head >
< title > New Document </ title >
< meta name = "Generator" content = "EditPlus" >
< meta name = "Author" content = "" >
< meta name = "Keywords" content = "" >
< meta name = "Description" content = "" >
< style type = "text/css" >
body{
margin:0px;
padding:0px;
}
#nav{position:fixed; top:0;left:0; width:100%; background:#F00;}
</ style >
</ head >
< body >
< div >
< br />xxxxxxxxx< br />
< br />xxxxxxxxx< br />
< br />xxxxxxxxx< br />
< br />xxxxxxxxx< br />
< br />xxxxxxxxx< br />
< br />xxxxxxxxx< br />
< br />xxxxxxxxx< br />
< br />xxxxxxxxx< br />
< br />xxxxxxxxx< br />
< br />xxxxxxxxx< br />
< br />xxxxxxxxx< br />
< br />xxxxxxxxx< br />
< br />xxxxxxxxx< br />
< br />xxxxxxxxx< br />
< br />xxxxxxxxx< br />
< br />xxxxxxxxx< br />
< br />xxxxxxxxx< br />
< br />xxxxxxxxx< br />
< br />xxxxxxxxx< br />
< br />xxxxxxxxx< br />
< br />xxxxxxxxx< br />
< br />xxxxxxxxx< br />
< div id = "nav" >
效果
</ div >
</ div >
</ body >
</ html >
|
我们看一下fixed属性的说明:fixed总是以body为定位时的对象,总是根据浏览器的窗口来进行元素的定位,通过"left"、 "top"、 "right"、 "bottom" 属性进行定位!ok!
position:absolute,absolute是对网页边框而言的。
如果,你用absolute加上js代码也可以实现以上效果,但是你会发现随着滚动条滚动时,那个层会晃来晃去,所以采用这种position:fixed,是可以使层固定不动的一种做法!
我特意查了一下手册,貌似在IE6一下版本不行!
ok?
相关推荐
1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于计算机科学与技术等相关专业,更为适合;
一、项目简介 本项目是一套基于SSM框架实现的会员积分管理系统 包含:项目源码、数据库脚本等,该项目附带全部源码可作为毕设使用。 项目都经过严格调试,eclipse或者idea 确保可以运行! 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷,具有很高的实际应用价值 二、技术实现 jdk版本:1.8 及以上 ide工具:IDEA或者eclipse 数据库: mysql5.7 后端:spring+springmvc+mybatis+maven+mysql 前端:jsp,css,js 三、系统功能 系统用户包括有管理员、用户 主要功能如下: 用户登录 用户注册 首页 个人中心 修改密码 个人信息 用户管理 商品分类管理 商品信息管理 商品上架 商品下架 增加或减少库存 系统管理 积分记录 订单管理 轮播图管理 新闻资讯 点我收藏 添加到购物车 积分兑换 立即购买 支付 新闻资讯 我的收藏 我的地址 我的订单 余额充值等 详见 https://flypeppa.blog.csdn.net/article/details/140223212
微服务是小型、松散耦合的分布式服务。微服务架构发展成为一种解决方案,以应对整体式架构的可扩展性、可独立部署和创新挑战。它让我们能够将一个大型应用程序分解为具有一些指定职责的可高效管理的小组件。它被认为是现代应用程序的构建块。 什么是 Eureka? 服务发现是基于微服务的架构的主要内容之一。Eureka 是 Netflix 服务发现服务器和客户端。该服务器可以配置和部署为功能强大的服务器,每个服务器都会将已注册服务的状态复制到其他服务器。 什么是 Spring Cloud 网关? Spring Cloud 网关提供了一个库,用于在 Spring 和 Java 之上制作 API 网关。它提供了一种基于许多标准路由请求的灵活方式,并侧重于安全性、弹性和监控等横切问题。Spring Cloud Gateway 的一些重要功能包括: 它基于 Spring Framework 5、Project Reactor 和 Spring Boot 2.0 构建 您可以将 Circuit Breaker 集成到 Spring Cloud Gateway 您可以集成 Spring Cloud Disc
1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于计算机科学与技术等相关专业,更为适合;
毕设-PHP-[整站程序]雪缘动感在线系统_luckysnow38.zip
1.版本:matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用,注释清楚,适合新手
JAVA个人课设基于springboot的微信小程序宠物领养医院系统项目(含源码与说明).zip 【资源说明】 1、该项目是团队成员近期最新开发,代码完整,资料齐全,含设计文档等 2、上传的项目源码经过严格测试,功能完善且能正常运行,请放心下载使用! 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的高校学生、教师、科研工作者、行业从业者下载使用,可借鉴学习,也可直接作为毕业设计、课程设计、作业、项目初期立项演示等,也适合小白学习进阶,遇到问题不懂就问,欢迎交流。 4、如果基础还行,可以在此代码基础上进行修改,以实现其他功能,也可直接用于毕设、课设、作业等。 5、不懂配置和运行,可远程教学 6、欢迎下载,沟通交流,互相学习,共同进步!
1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于计算机科学与技术等相关专业,更为适合;
1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于计算机科学与技术等相关专业,更为适合;
1.版本:matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用,注释清楚,适合新手
1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于计算机科学与技术等相关专业,更为适合;
偏度反映分布的对称性, g 1 > 0 {g_1}>0 g1>0称为右偏态,此时数据位于均值右边的比位于左边的多; g 1 < 0 g_{1}<0 g1<0称为左偏态,情况相反;而 g 1 g_{1} g1接近 0 则可认为分布是对称的。 峰度是分布形状的另一种度量,正态分布的峰度为3,若 g 2 g_{2} g2比3大很多,表示分布有沉重的尾巴,说明样本中含有较多远离均值的数据,因而峰度可用作衡量偏离正态分布的尺度之一。
课程设计基于Udacity机器学习模型的波士顿房价预测算法+设计报告(含源码+说明文档).zip 【资源说明】 1、该项目是团队成员近期最新开发,代码完整,资料齐全,含设计文档等 2、上传的项目源码经过严格测试,功能完善且能正常运行,请放心下载使用! 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的高校学生、教师、科研工作者、行业从业者下载使用,可借鉴学习,也可直接作为毕业设计、课程设计、作业、项目初期立项演示等,也适合小白学习进阶,遇到问题不懂就问,欢迎交流。 4、如果基础还行,可以在此代码基础上进行修改,以实现其他功能,也可直接用于毕设、课设、作业等。 5、不懂配置和运行,可远程教学 6、欢迎下载,沟通交流,互相学习,共同进步!
本项目是一款基于微信小程序平台的医院陪诊管理系统设计源码,集成了166个文件,涵盖54个Java源文件、21个JavaScript文件、14个Less和SCSS样式文件、11个CSS文件、10个XML配置文件、6个JSON文件、6个HTML文件、5个PNG图片文件以及3个YML配置文件。该系统采用多种编程语言和技术,旨在为医院提供便捷的陪诊服务管理解决方案。
1.版本:matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用,注释清楚,适合新手
电子学习资料设计作品全资料基于两个单片机串行通信的电子密码锁资料提取方式是百度网盘分享地址
课设基于BootStrap+Springboot的二手物品交易市场系统-最新开发(含全新源码+设计报告及资料).zip 【资源说明】 1、该项目是团队成员近期最新开发,代码完整,资料齐全,含设计文档等 2、上传的项目源码经过严格测试,功能完善且能正常运行,请放心下载使用! 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的高校学生、教师、科研工作者、行业从业者下载使用,可借鉴学习,也可直接作为毕业设计、课程设计、作业、项目初期立项演示等,也适合小白学习进阶,遇到问题不懂就问,欢迎交流。 4、如果基础还行,可以在此代码基础上进行修改,以实现其他功能,也可直接用于毕设、课设、作业等。 5、不懂配置和运行,可远程教学 6、欢迎下载,沟通交流,互相学习,共同进步!
1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于计算机科学与技术等相关专业,更为适合;
1.版本:matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用,注释清楚,适合新手
主要功能: 一、添加、编辑、禁用和删除启动程序,定位文件,定位注册表等 二、延迟启动应用程序 三、管理Windows服务,计划任务,右键菜单 四、启动监控,监控提醒启动项,计划程序,系统服务,右键菜单,并支持创建规则 五、选择文件右键轻松获取文件信息,属性。PE结构, 六、选择文件右键轻松获取哈希值,支持CRC32,MD5,SHA-1,SHA-256,SHA-512 七、选择文件右键获取VirusTotal在线查毒结果,支持自定义API