web前端|js教程
jQuery,浮动层,浏览器,滚动
web前端-js教程
本文实例讲述了jQuery实现浮动层随浏览器滚动条滚动的方法。分享给大家供大家参考。具体如下:
chrome下载网页源码,ubuntu 进入编译,tomcat新建网站,智能爬虫比赛,popdown.php,黄石电商seo推广多少钱lzw
这是jQuery实现的一个浮动层效果,随浏览器滚动条而滚动,并一直保持在顶部位置,请使用火狐测试,IE下表现不尽理想。
图片 网站源码,vscode删除多余空行,联想ubuntu预装,idea跑传统Tomcat,爬虫过关,php rest 框架,seo关键词网上营销,资源开发网站源码,织梦会员注册模板lzw
运行效果截图如下:
flex录音源码生成wav音频文件,ubuntu连接共享超时,爬虫架构主要包括,php 挣钱,云南整站seolzw
在线演示地址如下:
/js//jquery-float-follow-nav-style-codes/
具体代码如下:
jquery浮动层随浏览器滚动条滚动if ($.browser.version != "6.0") { $(window).scroll(function(){ if($(this).scrollTop()>118 &&(($(document).height()-$(this).scrollTop())>($(window).height()+$(".aysw-footer").innerHeight()))){ $("#c_left").css({position: fixed, top: 2px}); }else{ if(($(document).height()-$(this).scrollTop())<=($(window).height()+$(".aysw-footer").innerHeight())){ $("#c_left").css({position: absolute, top:($(".aysw-footer").offset().top-$("#c_left").innerHeight()-$(".page-home").offset().top-20) +px}); }else{ $("#c_left").css({position: absolute, top: 2px}); } } });}
sadfsadfasfsafd
羞涩的浮动层...