js控制position:fiexd 浏览器定位 兼容个浏览器
来源:互联网 发布:如何领取淘宝返的积分 编辑:程序博客网 时间:2024/06/05 16:31
<html><head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> function insertcode() { var $body = $("body"); $body.append('<div style=\" height:1000px; font-size:24px;\">新增项目</div>') $("#page_tag_load").hide(); } $(document).ready(function () { $(window).scroll(function () { var $body = $("body"); var $html = ""; $html += "<br/>" + ($(window).height() + $(window).scrollTop()); $html += "<br/>window.height: " + $(window).height(); $html += "<br/>body.height: " + $body.height(); $html += "<br/>window.scrollTop: " + $(window).scrollTop(); $("#page_tag_bottom").html($html);$("#page_tag_bottom").css({"top":$(window).scrollTop()}) /*判断窗体高度与竖向滚动位移大小相加 是否 超过内容页高度*/ // if (($(window).height() + $(window).scrollTop()) >= $body.height()) { //$("#page_tag_load").show(); //setTimeout(insertcode, 1000);/*IE 不支持*/ // insertcode(); // } }); }); </script></head><body> <div style=" height:1000px; font-size:24px;">新增项目</div> <div id="page_tag_bottom" style=" width:200px; position:fixed;top:0; background-color:#cccccc;height:100px;"></div> <div id="page_tag_load" style=" display:none; font-size:14px;position:fixed; bottom:0px; background-color:#cccccc;height:50px;">加载中...</div></body></html>
根据滚动条的滚动控制层的浮动
*html {overflow-y: hidden;}/*只是定制垂直滚动fixed*/
- js控制position:fiexd 浏览器定位 兼容个浏览器
- 浏览器兼容position 定位层级关系
- js 回车事件兼容多个浏览器
- js 回车事件兼容多个浏览器
- js浏览器兼容
- js浏览器兼容手册
- css兼容,js浏览器兼容
- 完美解决IE6浏览器下不兼容position:fixed固定定位
- js原声ajax包(兼容个浏览器)
- JS控制浏览器大小
- js控制浏览器全屏
- js控制浏览器
- js控制浏览器全屏
- JS控制浏览器全屏
- JS控制浏览器全屏
- js控制浏览器全屏
- JS控制浏览器全屏
- JS键盘事件 兼容浏览器
- 多项选择选中的值传递
- VC预编译时打印宏的值
- MFC socket编程
- linux开发多线程中lsof与ulimit的使用的2个链接
- LINQ to XML 编程基础
- js控制position:fiexd 浏览器定位 兼容个浏览器
- 2009-09-06 11:33 ubuntu下的飞鸽安装方法
- php中强制浏览器下载文件
- 【Web Trick 9】实现页面中的“回到顶部”按钮
- 搭建Android NDK环境
- python学习标准库
- Mac svn 用法小结
- js中undefined,null,NaN的区别
- Jersey注解