已解決430363個問題，去搜搜看，總會有你想問的

滾動事件--IE 渲染問題求解決辦法

首頁猿問滾動事件--IE 渲染問題求解決辦法

滾動事件--IE 渲染問題求解決辦法

Html/CSS JavaScript JQuery

Oooooooh 2016-03-03 20:52:27

jQuery?$(".table-content").scroll(function(){?var top=$(this).scrollTop();$(".table-content .header").css("top",top)});目標是實現header部分不隨滾動條滾動而滾動，一般的解決辦法是用css樣式fixed，但是用絕對定位的方式，把滾動的高度加到header的top值上，發現chrome下沒問題，但在IE 下會出現渲染的問題頁面會晃動，求解決辦法！！

查看完整描述

2 回答

Oooooooh

TA貢獻3條經驗獲得超1個贊

<!doctype?html>
<html>
<head>
<meta?charset="utf-8">
</head>
<script?src="jquery.min.js"></script>
<style?type="text/css">
.wrap{position:?relative;margin:20px;overflow:?auto;width:300px;height:?200px;overflow:?auto;}
#head{position:?absolute;top:?0px;background:?#abcdef;width:180px;color:?#fff;}
.content?p{width:?100px;background:?red;}
</style>
<body>
<div?class="wrap">
	<div?id="head">測試測試測試測試</div>
	<div?class="content">
		<p>測試</p>
		<p>測試</p>
		<p>測試</p>
		<p>測試</p>
		<p>測試</p>
		<p>測試</p>
		<p>測試</p>
		<p>測試</p>
	</div>
</div>

</body>
<script?type="text/javascript">
$(function(){
	$(".wrap").scroll(function(){
		var?_top=$(this).scrollTop();
		console.log(_top)
		$("#head").css("top",_top);
	});

});

</script>
</html>

反對回復 2016-03-04

慕郎_蓮華
給head 設置 left：0呢

回復 2016-03-05

慕郎_蓮華

TA貢獻83條經驗獲得超16個贊

可有完整代碼？滾動的時候頁面晃動了？ header是絕對定位按道理不會影響頁面渲染的

反對回復 2016-03-04

Oooooooh
你在IE下看看工作中要實現類似的效果，上面固定，左邊固定 fixed 這個試了不怎么管用（也許樣式沒寫好。。）

回復 2016-03-04

2 回答
0 關注
1630 瀏覽

關注

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

滾動事件--IE 渲染問題求解決辦法

滾動事件--IE 渲染問題求解決辦法

2 回答

相關問題推薦

添加回答

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

滾動事件--IE 渲染問題 求解決辦法

滾動事件--IE 渲染問題 求解決辦法

2 回答

相關問題推薦

添加回答

滾動事件--IE 渲染問題求解決辦法

滾動事件--IE 渲染問題求解決辦法