热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

关于网页响应式布局fixed导航栏的问题

现在有个需求就是使用响应式布局但是呢又要导航栏部分是固定的,然后下面用全屏滚动,一共三屏,屏与屏之间切换时导航栏始终固定在上方,这个要用百分比会遇到问题。因为导航栏fixed以后就脱离正常文档流

现在有个需求就是使用响应式布局但是呢又要导航栏部分是固定的,然后下面用全屏滚动,一共三屏,屏与屏之间切换时导航栏始终固定在上方,这个要用百分比会遇到问题。因为导航栏fixed以后就脱离正常文档流,这个时候就需要第一屏与上面有个距离,而导航栏用10%,第一屏用90%不能实现想要的结果,第一屏用margin也不行,导航栏会跟着一起下来,只能用像素,而且第一屏只能用padding,但是这样在响应式和滚屏上会出现问题,试了各种方法,没能完美解决,现求一个完美的解决方法。。





   



推荐阅读
  • 解决联想笔记本电脑摄像头黑屏问题的方法
    在日常使用电脑时,用户可能会遇到各种问题,如笔记本电脑的摄像头打开后显示为黑色。本文将详细介绍如何解决这一常见问题,确保您的联想笔记本电脑摄像头能够正常工作。 ... [详细]
  • 点击上方“中兴开发者社区”,关注我们每天读一篇一线开发者原创好文DevOps微课系列旨在帮助用户学习DevOps实践。1概述    本文详细介绍一般开发人员使用Gerrit代码评审 ... [详细]
  • 四月个人任务:Linux基础操作与网络管理
    本文介绍了两项主要任务:编写一个脚本来检测192.168.1.0/24子网中当前在线的IP地址,以及如何在Linux系统中挂载Windows网络共享目录。通过具体步骤和代码示例,帮助读者理解和掌握相关技能。 ... [详细]
  • 在电视剧《康熙王朝》中,周培公通过一系列细微线索敏锐地察觉到了太监作乱的迹象,这些线索包括蜡烛未被捻等细节。本文将深入探讨周培公的洞察力及其背后的故事。 ... [详细]
  • 本文将深入探讨一种独特的骆驼科动物——llama,介绍其生活习性、生理特征以及与人类的关系。此外,还将简要讨论动物的情感表达方式及其分类体系。 ... [详细]
  • 本文介绍了蓝桥杯基础模块中关于数码管动态显示的题目及其工作原理,详细解释了动态显示如何通过快速轮询点亮单个数码管来模拟多位数码管的整体显示效果。 ... [详细]
  • 本文介绍了在Android 4.0系统的平板电脑上设置全屏壁纸的方法,并提供了不同分辨率屏幕对应的壁纸尺寸建议。 ... [详细]
  • 本文面向非计算机专业背景的编程爱好者,介绍如何仅使用基础的C语言知识——二维数组和结构体,无需掌握复杂的数据结构如链表,即可编写一款经典的贪食蛇游戏。通过本教程,您将了解游戏开发的基本原理和实现方法。 ... [详细]
  • 本文详细解析了汉字‘獫’在新华字典中的读音、字义、笔画结构、常见组词及其在姓名学中的应用。 ... [详细]
  • Python中调用Java代码的方法与实践
    本文探讨了如何在Python环境中集成并调用Java代码,通过具体的步骤和示例展示了这一过程的技术细节。适合对跨语言编程感兴趣的开发者阅读。 ... [详细]
  • VS Code 中 .vscode 文件夹配置详解
    本文介绍了 VS Code 中 .vscode 文件夹下的配置文件及其作用,包括常用的预定义变量和三个关键配置文件:launch.json、tasks.json 和 c_cpp_properties.json。 ... [详细]
  • 本文介绍了在Android Studio中通过代码和配置文件两种方法来移除Activity的标题栏,并讨论了当Activity继承自AppCompatActivity时的特殊处理方法。 ... [详细]
  • 本文详细介绍了如何在Linux系统上安装和配置单节点的Redis服务,包括下载、解压、编译安装以及启动服务的具体步骤。 ... [详细]
  • 本周六上午11点左右到达公司,回顾了一周的行业动态并完成了昨日的任务。下午主要解决了Axis2缓存问题以及DBS和KMS的相关技术难题。由于服务替换导致平台访问错误,经过多方查找未能解决,最终决定暂时搁置。此外,还分享了与朋友之间的沟通障碍及个人成长的思考。 ... [详细]
  • Pandas中使用sort_values方法进行数据排序
    本文介绍了如何利用Python的Pandas库中的sort_values方法对DataFrame对象进行排序。首先通过Numpy库生成随机数据,然后详细解释了DataFrame的创建过程及其参数,并重点探讨了sort_values方法的使用技巧。 ... [详细]
author-avatar
hellopc
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有