华为手机滑动有阴影时，文字出现阴影，这个正常么

来源：蜘蛛抓取(WebSpider) 时间：2017-02-26 19:14 标签： scrollview滑动阴影
引用我之前提出的问题 &http://bbs.csdn.net/topics/
我现在有三个div，&div&id=&top&&&/div&&&div&id=&middle&&&/div&&&div&id=&footer&&&/div&，我想要#top固定在浏览器顶端，#middle里有从数据库读出来的内容，因为很长，所有浏览器会有滚动条，当我滚动滚动条时，像百度这样，顶端#top的内容还在，#middle的内容会滚到#top下面一层去，如图：
问题已经解决了，但这里我想再添加一点，就是当#middle滚动的时候，给#top添加阴影，这样看起来效果就更逼真了，而百度也是这么弄的
给出CSS代码：固定主要是position:fixed，z-index不设置也可以，但是#top一定要有背景颜色
& & height: 40
& & width: 100%;
& & clear:
& & padding-top: 10
& & border-bottom: 1px solid #EBEBEB;
& & background-color:#FFFFFF;
& & position: & /* 顶端固定 */
& & z-index:100;
& & width: 100%;
& & clear:
& & z-index:10;
& & padding-top:60
就这样就可以实现#top的固定了，但如果要实现阴影效果，还得给#top添加box-shadow，这里使用jquery判断是否滚动，并何时添加阴影
jquery代码如下：
function downShadow() {
& & //获取#middle的位置
& & var startPos = $(&#middle&).offset().
& & $.event.add(window, &scroll&, function () {
& & & & var p = $(window).scrollTop();
& & & & $(&#top&).css('box-shadow', ((p) & startPos) ? '0 0 5px #888' : '0 0 0 #888');
到此阴影效果便也可以实现了，只需在$(document).ready(function(){});中引用downShadow函数即可！
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：364次
排名：千里之外我要问题描述
查看: 12095|回复: 7
显示器上文字不知道为什么有阴影的感觉
UID: 102022
论坛新人, 积分 0, 距离下一级还需 50 积分
请教一下高手显示器上文字不知道为什么有阴影的感觉,不知道是别人帮我乱设置的问题,还是显示器的问题.请高手指点一下.
新手上路, 积分 94, 距离下一级还需 206 积分
你桌面上的图标文字会不会这样?
UID: 13939
青铜高级, 积分 4000, 距离下一级还需 1000 积分
很正常啊...
看不出有什么阴影...
是不是所有文字都有阴影??
UID: 39787
很正常的啊 [s:30] 你说的阴影是论坛上那图片设计的就是这样的啊 [s:30]
UID: 102022
论坛新人, 积分 0, 距离下一级还需 50 积分
都会啊!WORD也会,以前还不会,想不通
很正常的啊
没有什么问题
网站有的图片设计如此
很正常呀~~
可能是你机子有阴影
我们公司好多机子都有这个问题~~
都是联想的机子,给他们打了客服~~
也没解决,最后才发现是连接显示器的数据有问题~~
把连接显卡的那个地方,松一下在紧一下,阴影就消失了
UID: 66293
论坛新人, 积分 0, 距离下一级还需 50 积分
在桌面点击右键，选择属性，然后选择外观属性，点击“效果”，“在菜单下显示阴影”这个选项前是不是被打勾了？把这个勾去掉试试。
Powered by

我要回帖

更多关于 scrollview滑动阴影 的文章

 

随机推荐