javascript实现ie6兼容position:fixed
来源:互联网 发布:linux网速测试命令 编辑:程序博客网 时间:2024/06/05 17:01
positon:fixed 让HTML元素脱离文档流固定在浏览器的某个位置
网页中经常会有浮动的导航条会用到这种定位模式,但是ie6下并不兼容这种定位
浮动导航条的样式,重要的是position:fixed;bottom:60px;(浮动导航底部距离窗口底部60px)
.floating_9677{position:fixed; z-index:961; bottom:60px;}
ie6下positon:fixed不起作用,只能靠js来实现了,首先在ie6下需要将position设置为absolute
position:fixed;bottom:60px;_position:abosulte;
给浮动元素加一个属性标识,js通过这个属性能找到这些浮动元素。tag="floatNavigator"
工作中浮动导航条主要通过top或者bottom来定位。
//ie6兼容position:fixed
function fixedPositionCompatibility(){
//判断是否ie6浏览器
if( $.browser.msie || parseInt($.browser.version,10) <= 6){
var vavigators =
this.top =
this.isTop = this.top == "auto" ? false : true;
});
window.attachEvent("onscroll", function(){
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
.each(navigators, function(){ this.style.top = this.isTop ? scrollTop + parseInt(this.top) + "px" : scrollTop +(window).height() - $(this).outerHeight() - parseInt(this.bottom) + "px";
});
});
}
}
- javascript实现ie6兼容position:fixed
- javascript实现ie6兼容position:fixed
- IE6下position:fixed;兼容
- IE6下实现position:fixed
- 解决IE6不兼容position:fixed
- ie6不兼容position:fixed的解决方法
- 完美解决IE6不能兼容position:fixed
- 完美解决IE6不能兼容position:fixed
- IE6不兼容position:fixed的解决方案
- 【JavaScript】利用滚动事件window.onscroll与position:fixed写兼容IE6的回到顶部组件
- 【JavaScript】利用滚动事件window.onscroll与position:fixed写兼容IE6的回到顶部组件
- 【兼容ie6笔记】模仿position:fixed又一招
- CSS 仿position:fixed做的对联,完美兼容IE6
- 修复ie6-position:fixed
- position:fixed -------> IE6
- 修复ie6-position:fixed
- IE6 position fixed 解决方法
- ie6的position:fixed
- 七大程序员必备的网站推荐
- Stockbroker Grapevine--(Floyed-Warshall)
- hive size计算数组长度的一个坑
- 汇编语言程序设计读书笔记(4)- 程序设计基础之一
- STM32 flash 读写操作
- javascript实现ie6兼容position:fixed
- Java代码执行流程
- Vue.js 知识点
- 定位点击源
- 更改MFC对话框默认的窗口类名
- ios-nonatomic和atomic
- Kill Bug 2017.8.9--android考试系统 翻页崩溃 java.lang.ClassNotFoundException
- 2017多校五 1008题 hdu 6092 Rikka with Subset 背包
- 编写Linux Shell脚本的最佳实践