本範例使用Javascript實作了捲動頁面時，DIV到達頂部時固定在頂部。在IE下效果有點閃，效果網址：http://www.keleyi.com/keleyi/phtml/fixdiv.htm 下面是代碼： 複製程式碼 程式碼如下: href="http://www.keleyi.com/menu/net/" target="_blank">.NET Javascript jQuery C# 其他 首頁 <BR>$(function () { <BR>var ie6 = document.all; <BR> var dv = $('#fixedMenu_keleyi_com'), st; <BR>dv.attr('otop', dv.offset().top); //儲存原來的距離頂部的距離<BR>$(window). scroll(function () { <BR>st = Math.max(document.body.scrollTop || document.documentElement.scrollTop); <BR>if (st > parseInt(dv.attr('otop'))) { <BR>if (ie6) {//IE6不支援fixed屬性，所以只能靠設定position為absolute和top實現此效果<BR>dv.css({ position: 'absolute', top: st }); <BR>} <BR>else if (dv.css('position') != 'fixed') dv.css({ 'position': 'fixed', top: 0 }); <BR>} else if (dv. css('position') != 'static') dv.css({ 'position': 'static' }); <BR>}); <BR>}); <BR>
