android随着页面的上下滑动顶部导航栏由透明变成不透明

android随着页面的上下滑动顶部导航栏由透明变成不透明这个滑动的距离该如何计算,就是类似于qq空间,随着界面的上下滑动,导航栏逐渐变成不透明的,并且固定在屏幕顶部

1个回答

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
android中怎样实现手指向上滑动顶部导航栏从透明变成不透明的
android中怎样实现手指向上滑动顶部导航栏从透明变成不透明的
html网页导航栏随页面滑动的问题
我在做html网页时,已经将导航栏的位置设为了fixed,按理说不会随着页面的滑动而滑动。 但是在我滑页面时,效果图如下: ![图片说明](https://img-ask.csdn.net/upload/202003/24/1585034131_969731.png) 可以看见,透明的是我的导航栏,而黑色加粗字体以及图标是我的文本内容。我的导航栏随着我页面的滑动会遮盖我的文本内容,不知道这是什么问题。 下面是我的导航栏的html代码和css部分: ``` <div class="top"> <center> <ul> <li><a href="Stephen Curry.html">Home</a></li> <li><a href="Personal Introduction.html">Personal Introduction</a></li> <li><a href="MVP Speech.html">MVP Speech</a></li> <li><a href="Career Highlights.html">Career Highlights</a></li> <li><a href="Funny Moments on the Court.html"><b>Funny Moments on the Court</b></a></li> </ul> </center> </div> ``` ``` .top{ /* 设置宽度高度背景颜色 */ height: auto; /*高度改为自动高度*/ width:100%; margin-left: 0; background:rgb(189, 181, 181); position: fixed; /*固定在顶部*/ top: 0;/*离顶部的距离为0*/ margin-bottom: 5px; } .top ul{ /* 清除ul标签的默认样式 */ width: auto;/*宽度也改为自动*/ list-style-type: none; white-space:nowrap; overflow: hidden; margin-left: 5%; /* margin-top: 0; */ padding: 0; } .top li { float:left; /* 使li内容横向浮动,即横向排列 */ margin-right:10%; /* 两个li之间的距离*/ position: relative; overflow: hidden; } .top li a{ /* 设置链接内容显示的格式*/ display: block; /* 把链接显示为块元素可使整个链接区域可点击 */ color:white; text-align: center; padding: 3px; overflow: hidden; text-decoration: none; /* 去除下划线 */ } .top li a:hover{ /* 鼠标选中时背景变为黑色 */ background-color: #111; } ``` 请教下大家该如何修复这个问题
导航栏初始距离页面上边缘100px,当上下滑动到0px时,导航栏固定在顶端。
导航栏初始距离页面上边缘100px,当上下滑动到0px时,导航栏固定在顶端。这个功能该怎么实现 最好带js代码的详解注释。
CSS+div网页设计,导航栏随页面上下滚动,导航栏宽度变化
最近在学习网站设计,在制作导航栏随网页上下滚动的时候,出现了一些错误,希望懂的小伙伴可以帮忙看一下。 我的错误如下: 当页面打开后导航栏是这样的: ![图片说明](https://img-ask.csdn.net/upload/201708/28/1503927175_356851.jpg) 但是页面向下拉的时候,虽然导航栏也跟着向下滑动了,但是导航栏的宽度发生了变化: ![图片说明](https://img-ask.csdn.net/upload/201708/28/1503927200_304258.jpg) 而我想他的样式不变, 相关代码如下,其中由于我想使页面在放大缩小的时候是同比例的放大缩小,所以设置了导航栏宽度为12%,内容的宽度是88%,且他们两个div外的总div宽度是1210px;这个我不想改变,不知道其他哪里出了问题,希望知道办法的小伙伴不吝赐教,实在感谢~ ![图片说明](http://img..csdn.net/upload/201708/28/1503927402_761154.jpg) ![图片说明](https://img-ask.csdn.net/upload/201708/28/1503927460_937460.jpg) ![图片说明](https://img-ask.csdn.net/upload/201708/28/1503927472_130945.jpg)
怎么禁止Android编辑框滑动
各位大佬,我想问问怎么禁止Android编辑框滑动 就是编辑框内置的滑动不可以用
android 上下滑动布局
![图片说明](https://img-ask.csdn.net/upload/201802/28/1519789671_97735.png) 这个是我目前的布局... 还有一些东西需要添加.. 但是又放不下 需要做一个可以上下滑动的页面 然后试了scrolview 和系统自带的scroling_active 都是不能放入button.否则就直接闪退.. 我是个做web的 这公司要求做app没辙..现学现卖..大伙帮指条明路..
手机web左右滑动的导航
我要做一个手机web导航,就像qq兴趣部落中的那个左右滑动的导航栏,大致要怎么做?
后台如何控制Android App的上下左右滑动的功能
目前要做一个后台控制Android App的左右滑动的功能,不知道有哪位前辈做过的这方面的开发!跪求经验!代码!
iOS 关于导航栏设定背景色 实现毛玻璃效果
页面是带head滑动广告栏的tablview,使用了系统的导航栏,想要实现导航栏部分背景颜色实现毛玻璃半透明效果 ,还有随tableview滑动的颜色渐变效果,试了好多方法,包括Blur都没达到效果,在考虑自定义。请问对于系统的有什么好的解决方案没?
webapp滑动导航栏类似手机app首页上的导航条能够滑动
类似手机app首页上的导航条能够滑动,内容也能够滑动,且滑动时,导航条也跟着滑动,相应标题变色。这个效果怎么实现啊。各位大神求助啊!
Android页面滑动时,页面中的部分div脱离原来的位置,松手后立刻弹回原来的位置
Android页面滑动时,页面中的部分div在屏幕中飘了,停止滑动时,会回到原来的位置
android 滑动菜单栏 设置文字
就是在菜单栏上设置文字,不是要写死菜单项,我是要在用户信息区动态的根据当前用户的名字等设置,但是我找不到怎么写,android studio创建带滑动菜单栏的activity好像没给菜单栏的activity。求问大家。我试了直接创建一个activity去绑定菜单栏,但是没有成功
如何使用h5实现此效果点击导航栏,下面对应类型滑动下面内容导航栏跟着改变
![导航栏可滑动![图片说明](https://img-ask.csdn.net/upload/201606/01/1464750776_63765.png)](https://img-ask.csdn.net/upload/201606/01/1464750690_319380.png)
android 加载h5页面部分机型滑动卡顿回弹
【android】我在使用webview加载我们的h5页面后,部分机型(如小米,三星)h5页面会出现滑动卡顿、回弹 的问题,加载百度h5页面却很流畅。ios端没有这样的问题。我很困惑,不知道问题出在哪里,我搜过网上也没有我这样类似的问题,希望大神能够指教一下,拜谢。
android 怎么上下滑动查看多张图片
本来用GridView每行两列排列的图片,现在想让图片单行排列,还能上下滑动查看,该怎么改
如下页面 浏览器 上下滑动 会卡顿,求解决
首先该项目之前是混合开发,freemark做的,现在在其基础上改成vue的 我先秒描述一下下面代码的意思: ![图片说明](https://img-ask.csdn.net/upload/201912/25/1577264535_361521.png) 这是记录一个键盘按下的数组,记录一个写作过程,其中: type:0-添加字母/1-删除字母 addLen-每次添加的个数/delLen-每次删除的个数 addVal / delVal-添加、删除的字母 time:时间 将这一个数组拼接成如下图: ![图片说明](https://img-ask.csdn.net/upload/201912/25/1577264987_144229.png) 标蓝色方块是 i 标签 和 title属性 下图为我的代码: ![图片说明](https://img-ask.csdn.net/upload/201912/25/1577265204_418547.png) 问题:页面上下滚动时特别卡(我在想估计是该数组数据太多,全部循环显示出来超过六千个标签,上下滚动可能涉及到重绘和重排),没找到解决办法(该页面文档碎片用不了,懒加载不行,vue插槽、组件传值不行(该项目前端页面都是 .ftl文件),有个解决办法是用js将数组拼接,但是由于freemark的${}和js的字符串模板${}起冲突,所以目前还没有办法,向大神求助!!!)
vantui 轮播图,关掉自循环,使用手势滑动,控制滑动多大的距离才会触发滑动事件。
移动端轮播图 手势滑动,只要有偏移量就会触发滑动,想问vant怎么设置触发切换的滑动偏移量。这个不需要代码,我就不贴了。
android,如何实现上面有导航的title然后中间界面可以滑动
底部菜单可以切换到其他的页面,最好用Fragment和viewpager实现,谢谢你们 android,如何实现上面有导航的title然后中间界面可以滑动,底部有一个导航菜单,可以导航到其他页面
iOS导航栏隐藏后出现BUG
一共有①②③三个页面,①push②,②push③。 正常左上角返回没有问题。 当加上边缘滑动返回时,③pop②,②pop①。 如果三个页面都显示导航栏也没有问题。 我这里①是隐藏导航栏的,②③是显示导航栏的。这样就会出BUG了。 当从②左侧边缘往右滑动时,如果只是稍微动一下,而没有返回到① (就是露出一点①页面之后,赶紧往往左滑,确保还停留在②页面) 这时就出问题了,②页面的导航栏没了,③的也没了。 这时只要返回到①页面重新进入就行了。如果说这个BUG影响不大。 但是还是存在一个更严重的BUG,这个着实令我着急啊。 当出现上面这个BUG后,重新从①进入②,没问题。 接着从②进入③,③的title就变成了②的title,③左上角的返回按钮也不管用了,导航栏出现严重的错乱。 有知道这个问题怎么破的吗?(这是苹果的问题,还是我哪里写的不对啊?)
在中国程序员是青春饭吗?
今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...
《MySQL 性能优化》之理解 MySQL 体系结构
本文介绍 MySQL 的体系结构,包括物理结构、逻辑结构以及插件式存储引擎。
【资源】一个C/C++开发工程师的学习路线(已经无路可退,唯有逆风飞翔)【内附资源页】
声明: 1)该文章整理自网上的大牛和专家无私奉献的资料,具体引用的资料请看参考文献。 2)本文仅供学术交流,非商用。所以每一部分具体的参考资料并没有详细对应。如果某部分不小心侵犯了大家的利益,还望海涵,并联系博主删除。 3)博主才疏学浅,文中如有不当之处,请各位指出,共同进步,谢谢。 4)此属于第一版本,若有错误,还需继续修正与增删。还望大家多多指点。大家都共享一点点,一起为祖国科研的推进...
程序员请照顾好自己,周末病魔差点一套带走我。
程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。
20道你必须要背会的微服务面试题,面试一定会被问到
写在前面: 在学习springcloud之前大家一定要先了解下,常见的面试题有那块,然后我们带着问题去学习这个微服务技术,那么就会更加理解springcloud技术。如果你已经学了springcloud,那么在准备面试的时候,一定要看看看这些面试题。 文章目录1、什么是微服务?2、微服务之间是如何通讯的?3、springcloud 与dubbo有哪些区别?4、请谈谈对SpringBoot 和S...
达摩院十大科技趋势发布:2020 非同小可!
【CSDN编者按】1月2日,阿里巴巴发布《达摩院2020十大科技趋势》,十大科技趋势分别是:人工智能从感知智能向认知智能演进;计算存储一体化突破AI算力瓶颈;工业互联网的超融合;机器间大规模协作成为可能;模块化降低芯片设计门槛;规模化生产级区块链应用将走入大众;量子计算进入攻坚期;新材料推动半导体器件革新;保护数据隐私的AI技术将加速落地;云成为IT技术创新的中心 。 新的画卷,正在徐徐展开。...
轻松搭建基于 SpringBoot + Vue 的 Web 商城应用
首先介绍下在本文出现的几个比较重要的概念: 函数计算(Function Compute): 函数计算是一个事件驱动的服务,通过函数计算,用户无需管理服务器等运行情况,只需编写代码并上传。函数计算准备计算资源,并以弹性伸缩的方式运行用户代码,而用户只需根据实际代码运行所消耗的资源进行付费。Fun: Fun 是一个用于支持 Serverless 应用部署的工具,能帮助您便捷地管理函数计算、API ...
Python+OpenCV实时图像处理
目录 1、导入库文件 2、设计GUI 3、调用摄像头 4、实时图像处理 4.1、阈值二值化 4.2、边缘检测 4.3、轮廓检测 4.4、高斯滤波 4.5、色彩转换 4.6、调节对比度 5、退出系统 初学OpenCV图像处理的小伙伴肯定对什么高斯函数、滤波处理、阈值二值化等特性非常头疼,这里给各位分享一个小项目,可通过摄像头实时动态查看各类图像处理的特点,也可对各位调参、测试...
2020年一线城市程序员工资大调查
人才需求 一线城市共发布岗位38115个,招聘120827人。 其中 beijing 22805 guangzhou 25081 shanghai 39614 shenzhen 33327 工资分布 2020年中国一线城市程序员的平均工资为16285元,工资中位数为14583元,其中95%的人的工资位于5000到20000元之间。 和往年数据比较: yea...
为什么猝死的都是程序员,基本上不见产品经理猝死呢?
相信大家时不时听到程序员猝死的消息,但是基本上听不到产品经理猝死的消息,这是为什么呢? 我们先百度搜一下:程序员猝死,出现将近700多万条搜索结果: 搜索一下:产品经理猝死,只有400万条的搜索结果,从搜索结果数量上来看,程序员猝死的搜索结果就比产品经理猝死的搜索结果高了一倍,而且从下图可以看到,首页里面的五条搜索结果,其实只有两条才是符合条件。 所以程序员猝死的概率真的比产品经理大,并不是错...
害怕面试被问HashMap?这一篇就搞定了!
声明:本文以jdk1.8为主! 搞定HashMap 作为一个Java从业者,面试的时候肯定会被问到过HashMap,因为对于HashMap来说,可以说是Java集合中的精髓了,如果你觉得自己对它掌握的还不够好,我想今天这篇文章会非常适合你,至少,看了今天这篇文章,以后不怕面试被问HashMap了 其实在我学习HashMap的过程中,我个人觉得HashMap还是挺复杂的,如果真的想把它搞得明明白...
毕业5年,我问遍了身边的大佬,总结了他们的学习方法
我问了身边10个大佬,总结了他们的学习方法,原来成功都是有迹可循的。
python爬取百部电影数据,我分析出了一个残酷的真相
2019年就这么匆匆过去了,就在前几天国家电影局发布了2019年中国电影市场数据,数据显示去年总票房为642.66亿元,同比增长5.4%;国产电影总票房411.75亿元,同比增长8.65%,市场占比 64.07%;城市院线观影人次17.27亿,同比增长0.64%。 看上去似乎是一片大好对不对?不过作为一名严谨求实的数据分析师,我从官方数据中看出了一点端倪:国产票房增幅都已经高达8.65%了,为什...
推荐10个堪称神器的学习网站
每天都会收到很多读者的私信,问我:“二哥,有什么推荐的学习网站吗?最近很浮躁,手头的一些网站都看烦了,想看看二哥这里有什么新鲜货。” 今天一早做了个恶梦,梦到被老板辞退了。虽然说在我们公司,只有我辞退老板的份,没有老板辞退我这一说,但是还是被吓得 4 点多都起来了。(主要是因为我掌握着公司所有的核心源码,哈哈哈) 既然 4 点多起来,就得好好利用起来。于是我就挑选了 10 个堪称神器的学习网站,推...
这些软件太强了,Windows必装!尤其程序员!
Windows可谓是大多数人的生产力工具,集娱乐办公于一体,虽然在程序员这个群体中都说苹果是信仰,但是大部分不都是从Windows过来的,而且现在依然有很多的程序员用Windows。 所以,今天我就把我私藏的Windows必装的软件分享给大家,如果有一个你没有用过甚至没有听过,那你就赚了????,这可都是提升你幸福感的高效率生产力工具哦! 走起!???? NO、1 ScreenToGif 屏幕,摄像头和白板...
阿里面试,面试官没想到一个ArrayList,我都能跟他扯半小时
我是真的没想到,面试官会这样问我ArrayList。
曾经优秀的人,怎么就突然不优秀了。
职场上有很多辛酸事,很多合伙人出局的故事,很多技术骨干被裁员的故事。说来模板都类似,曾经是名校毕业,曾经是优秀员工,曾经被领导表扬,曾经业绩突出,然而突然有一天,因为种种原因,被裁员了,...
大学四年因为知道了这32个网站,我成了别人眼中的大神!
依稀记得,毕业那天,我们导员发给我毕业证的时候对我说“你可是咱们系的风云人物啊”,哎呀,别提当时多开心啦????,嗯,我们导员是所有导员中最帅的一个,真的???? 不过,导员说的是实话,很多人都叫我大神的,为啥,因为我知道这32个网站啊,你说强不强????,这次是绝对的干货,看好啦,走起来! PS:每个网站都是学计算机混互联网必须知道的,真的牛杯,我就不过多介绍了,大家自行探索,觉得没用的,尽管留言吐槽吧???? 社...
良心推荐,我珍藏的一些Chrome插件
上次搬家的时候,发了一个朋友圈,附带的照片中不小心暴露了自己的 Chrome 浏览器插件之多,于是就有小伙伴评论说分享一下我觉得还不错的浏览器插件。 我下面就把我日常工作和学习中经常用到的一些 Chrome 浏览器插件分享给大家,随便一个都能提高你的“生活品质”和工作效率。 Markdown Here Markdown Here 可以让你更愉快的写邮件,由于支持 Markdown 直接转电子邮...
看完这篇HTTP,跟面试官扯皮就没问题了
我是一名程序员,我的主要编程语言是 Java,我更是一名 Web 开发人员,所以我必须要了解 HTTP,所以本篇文章就来带你从 HTTP 入门到进阶,看完让你有一种恍然大悟、醍醐灌顶的感觉。 最初在有网络之前,我们的电脑都是单机的,单机系统是孤立的,我还记得 05 年前那会儿家里有个电脑,想打电脑游戏还得两个人在一个电脑上玩儿,及其不方便。我就想为什么家里人不让上网,我的同学 xxx 家里有网,每...
2020 年,大火的 Python 和 JavaScript 是否会被取而代之?
Python 和 JavaScript 是目前最火的两大编程语言,但是2020 年,什么编程语言将会取而代之呢? 作者 |Richard Kenneth Eng 译者 |明明如月,责编 | 郭芮 出品 | CSDN(ID:CSDNnews) 以下为译文: Python 和 JavaScript 是目前最火的两大编程语言。然而,他们不可能永远屹立不倒。最终,必将像其他编程语言一...
史上最全的IDEA快捷键总结
现在Idea成了主流开发工具,这篇博客对其使用的快捷键做了总结,希望对大家的开发工作有所帮助。
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
谁是华为扫地僧?
是的,华为也有扫地僧!2020年2月11-12日,“养在深闺人不知”的华为2012实验室扫地僧们,将在华为开发者大会2020(Cloud)上,和大家见面。到时,你可以和扫地僧们,吃一个洋...
AI 没让人类失业,搞 AI 的人先失业了
最近和几个 AI 领域的大佬闲聊 根据他们讲的消息和段子 改编出下面这个故事 如有雷同 都是巧合 1. 老王创业失败,被限制高消费 “这里写我跑路的消息实在太夸张了。” 王葱葱哼笑一下,把消息分享给群里。 阿杰也看了消息,笑了笑。在座几位也都笑了。 王葱葱是个有名的人物,21岁那年以全额奖学金进入 KMU 攻读人工智能博士,累计发表论文 40 余篇,个人技术博客更是成为深度学习领域内风向标。 ...
2020年,冯唐49岁:我给20、30岁IT职场年轻人的建议
点击“技术领导力”关注∆每天早上8:30推送 作者|Mr.K 编辑| Emma 来源|技术领导力(ID:jishulingdaoli) 前天的推文《冯唐:职场人35岁以后,方法论比经验重要》,收到了不少读者的反馈,觉得挺受启发。其实,冯唐写了不少关于职场方面的文章,都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯...
神级宝库!GitHub 标星 1.2w+,Chrome 最天秀的插件都在这里啦!
作者 | Rocky0429 来源 | Python空间 大家好,我是 Rocky0429,一个沉迷 Chrome 不能自拔的蒟蒻… 作为一个在远古时代用过什么 IE、360、猎豹等浏览器的资深器哥,当我第一次了解 Chrome 的时候,就被它的美貌给吸引住了… 就在我用了一段时间之后,我坚决的卸载了电脑上其它碍眼的浏览器,并觉得在之前的搬砖生涯中,我不配当哥,我只配是个沙雕… ...
作为一名大学生,如何在B站上快乐的学习?
B站是个宝,谁用谁知道???? 作为一名大学生,你必须掌握的一项能力就是自学能力,很多看起来很牛X的人,你可以了解下,人家私底下一定是花大量的时间自学的,你可能会说,我也想学习啊,可是嘞,该学习啥嘞,不怕告诉你,互联网时代,最不缺的就是学习资源,最宝贵的是啥? 你可能会说是时间,不,不是时间,而是你的注意力,懂了吧! 那么,你说学习资源多,我咋不知道,那今天我就告诉你一个你必须知道的学习的地方,人称...
那些年,我们信了课本里的那些鬼话
教材永远都是有错误的,从小学到大学,我们不断的学习了很多错误知识。 斑羚飞渡 在我们学习的很多小学课文里,有很多是错误文章,或者说是假课文。像《斑羚飞渡》: 随着镰刀头羊的那声吼叫,整个斑羚群迅速分成两拨,老年斑羚为一拨,年轻斑羚为一拨。 就在这时,我看见,从那拨老斑羚里走出一只公斑羚来。公斑羚朝那拨年轻斑羚示意性地咩了一声,一只半大的斑羚应声走了出来。一老一少走到伤心崖,后退了几步,突...
张朝阳回应迟到 1 分钟罚 500:资本家就得剥削员工
loonggg读完需要2分钟速读仅需 1 分钟大家我,我是你们的校长。前几天,搜狐的董事局主席兼 CEO 张朝阳和搜狐都上热搜了。原因很简单,就是搜狐出了“考勤新规”。一封搜狐对员工发布...
立即提问