首页 > 代码库 > chrome下positon:fixed无效或抖动的解决办法
chrome下positon:fixed无效或抖动的解决办法
先来看一下我们要实现的效果
我想这种效果大家都有实现过，或者说吸顶的效果和这差不多
页面结构
js代码如下
/*吸顶*/ var $child = $("#child_3"); var $parent=$("#parent_3"); var w = $parent.width(); var tH = $child.offset().top; $(window).resize(function () {//响应 w = $parent.width(); $child.css({"width": w}) }); $(‘body‘).scroll(function () {//iframe下的body $child.css({"width": w}); $child.css({"position": "fixed", "top": "0",WebkitTransform:‘translateZ(0px)‘}) });
WebkitTransform:‘translateZ(0px)‘就是关键所在 如果不加这句在其他浏览器和大多chrome版本下是ok的 ，但在某些chrome版本下"position": "fixed",就无效了，加了这句既可解决fiexed无效，也可解决抖动问题chrome下positon:fixed无效或抖动的解决办法
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。