为了账号安全,请及时绑定邮箱和手机立即绑定

请问,这是神马BUG?

window.onload=function(){
	var h1=document.getElementById("J_Tzh");
	var h2=document.getElementById("J_Guang");
	document.getElementById("J_BdSide").style.width='auto';
	
	window.onscroll=function(){
		var h=(document.documentElement.scrollTop||document.body.scrollTop)+(document.documentElement.clientHeight||document.body.clientHeight);
		if(h>=h1.offsetHeight+h2.offsetHeight){
			//h2.style.cssText='position: fixed;top: 0;right: 0;';
			h2.style.position='fixed';
			h2.style.top=(h2-(document.documentElement.clientHeight||document.body.clientHeight))+'px';
			h2.style.right=0;
		}else{
			h2.style.position="static";
		}
	}
	
}
  • 用cssText就会出现如下图的问题:

http://img1.sycdn.imooc.com//57a44a86000139b116800939.jpg

  • 用style,就正常。


正在回答

1 回答

你是否将样式写在了行间?

0 回复 有任何疑惑可以回复我~
#1

飞天意大利面神兽 提问者

此话怎讲?
2016-08-09 回复 有任何疑惑可以回复我~
#2

慕瓜9573798 回复 飞天意大利面神兽 提问者

使用cssText 的会完全覆盖掉行间的style属性,就是把你原来写的属性干掉,然后把你写在,cssText 里的样式放上去
2016-08-09 回复 有任何疑惑可以回复我~
#3

飞天意大利面神兽 提问者

非常感谢!
2016-08-10 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
固定边栏滚动特效
  • 参与学习       38889    人
  • 解答问题       54    个

剖析淘宝首页固定边栏滚动特效,通过JavaScript、jQuery等前端技术实现

进入课程

请问,这是神马BUG?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信