俄罗斯VS沙特直播

值得一提的是FutureTask的身份,她是JCU提供的线程池实现用到的任务基本单元,常用线程池的同学都知道,线程池接收两种对象,一个是Runnable任务,一种是Callable任务,两者区别在于前者返回执行结果给外部,后者需要。回到最开始高祯祥所说的要实现精准广告则需要依赖大数据,WiFi万能钥匙此举正是为了收集用户足够多的数据,勾勒出用户画像,了解用户的喜好以便向用户精准的投放广告或者产品。中东“伊斯兰国”恐怖势力迅速扩张并宣布建国,危及美国在中东的战略利益。话说,有了龙虾,啤酒,怎么能少得了烧烤?老陈虾霸各类的烧烤也绝对不比外面那些老牌烧烤店做的逊色半分,烤翅、烤腰子、烤茄子、烤虾、烤鱼等等应有尽有。
返回首页

利用JQuery实现最简单的随屏幕滚动的层代码

时间:2017-10-30 21:02来源:知行网www.youyuan-chem.com 编辑:麦田守望者

随屏幕滚动的层是经常能见到的页面特效,貌似还看到有相关的JQuery插件,其实用JQuery一句代码足矣。

首先需要一个绝对定位的元素
<div id="test" style="position:absolute;">test</div>


实现的原理很简单,随页面滚动(Scroll)事件动态设置元素的css top值。

比如定位在页面顶端
$(window).scroll(function(){
$('#test').css('top', $(document).scrollTop());
});


定位在页面底端
$(window).scroll(function(){
$('#test').css('top', $(document).scrollTop() + $(window).height() - $('#test').height());
});


定位在其他位置可以根据具体情况+-top调整即可。

可以参看DEMO

不过固定一个层的最好方法还是用css的position:fixed;。此为后话。

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
标签(Tag):jQuery 随屏幕滚动的层
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
猜你感兴趣