Fixedbox Fixed div Floating code supports most browsers above IE6 <! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<title>fixedBox</title>
<script id= "XCore" type= "Text/javascript" src= "Http://www.haiqiancun.com/xWidget-0.1/xcore.js" ></script >
<style>
*{margin:0px;padding:0px;} body{height:3000px;}
</style>
<script>
$ (function () {$ (". Fixedbox"). each (function () {
var = $ (this);
var id = self.attr ("id") | | ' Fixedbox_ ' + math.round (math.random () * 100000); SELF.ATTR ("id", id);
var fb = $ ("#" + ID);
var mt = Math.floor (fb.css ("Margin-top"). Substring (2, 0)) | | 0;
var cd = $ (' <div style= "Height: ' + fb.outerheight () + ' px;display:none; ' + fb.attr (" style ") + '" > </div& gt; '); Fb.after (CD); Fb.css ({
' Z-index ': 999
}). Data ({
' Top ': Fb.offset (). Top,
' Left ': Fb.offset (). Left,
' Width ': fb.width ()
});
$ (window). Scroll (function () {
var pt = fb.data (' top ');
var pl = fb.data (' left ');
var w = fb.data (' width ');
var st = $ (document). ScrollTop ()-10;
var h = $ (document). Height ();
if (St > pt | | st = = PT) {cd.show ();
if ((St + Self.outerheight ()) > H) {
Self.css ({
Position: ' Fixed ',
Top: (H-(St + Self.outerheight ())),
Width:w
});
} else {
Self.css ({
Position: ' Fixed ',
top:0-MT,
Width:w
});
}
} else {
Cd.hide ();
Self.css ({
Position: ' Relative ',
top:0,
Width:w
});
}
})
})
})
</script>
</span>
<body>
<div style= "width:90%;margin:0px auto;" >
<div class= "Fixedbox" style= "Width:100%;overflow:hidden;background: #fff; Font-size:12px;background: #ccc; " >
<script> $ (function () {$ (". Fixedbox"). each (function () {
var self= $ (this); var id = self.attr ("id") | | ' Fixedbox_ ' +math.round (Math.random () *100000);
SELF.ATTR ("id", id); var fb = $ ("#" +id); var mt = Math.floor (fb.css ("Margin-top"). Substring (2,0)) | | 0;
var cd = $ (' <div style= "width:100%;height: ' +fb.outerheight () + ' px;display:none; ' +fb.attr ("style") + ' > </div> ');
Fb.after (CD); Fb.css ({' Z-index ': 999}). Data ({' Top ': Fb.offset (). Top, ' left ': Fb.offset (). left});
$ (window). Scroll (function () {var pt = fb.data (' top '); var pl = Fb.data (' left ');
var st = $ (document). ScrollTop ()-10; var h = $ (document). Height (); if (st>pt| | ST==PT) {
Cd.show (); if ((St+self.outerheight ()) >h) {self.css ({position: ' fixed ', Top: (H (St+self.outerheight ()))});
}else{Self.css ({position: ' fixed ', top:0-mt});}} else{cd.hide (); Self.css ({position: ' relative ', top:0});
})}) </script>
</div>
Sample Sample Sample Example Sample sample sample sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample sample sample Sample Sample example Sample sample sample sample Sample Sample Sample Sample Sample Sample Sample Sample sample sample Sample Sample example Sample sample example Sample sample sample sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample sample sample Sample sample Example Sample sample Sample sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample sample sample Sample Sample example Sample sample sample sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample sample sample Sample Sample example Sample sample example Sample sample sample sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample sample sample Sample sample Example Sample sample Sample sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample sample sample Sample Sample example Sample sample sample Samples Sample sample sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample sample sample Sample sample example Sample sample Example Sample sample Sample sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample sample sample Sample Sample example Sample sample sample Sample example Sample sample sample sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample sample sample Sample sample Sample Sample Sample Example Sample sample example Sample sample sample sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample sample sample Sample Sample example Sample sample sample sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample sample sample Sample sample Sample Sample Sample Example Sample sample sample sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample sample sample Sample Sample example Sample sample sample sample Sample Sample Sample Sample Sample Sample Sample sample sample Sample Sample example Sample sample example Sample sample sample sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample sample sample Sample sample Sample Sample Sample Example Sample sample sample sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample sample sample Sample Sample example Sample sample sample sample Sample Sample Sample Sample Sample Sample Sample Sample sample sample Sample Sample example Sample sample example Sample sample sample sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample sample sample Sample sample Example Sample sample Sample sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample sample sample Sample Sample example Sample sample Sample example Sample sample example Sample sample sample sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample sample sample Sample sample Sample sample Samples Sample sample sample Sample Sample Example Samples sample example sample samples Sample Samples Example example examples sampling exampleExample Sample sample Sample sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample sample sample Sample Sample Example Example Example Samples Example example example Sample sample example Sample sample example Sample sample sample sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample Sample sample sample Sample sample Samples Sample sample Sample Sample Sample Sample Example Sample example sample example Sample sample sample Sample example Sample sample samples Sample Examples Example Example Example Example Example example example example sampling case sample sample Samples Sample sample sample Sample Sample Example Sample example sample example Samples Sample sample sample Sample Example Samples Samples Example Example Example Example Example Example Example Example example example
</div>
</body>
Changes the width when scrolling
Change Date June 28, 2014
Original HTTP://WWW.HAIQIANCUN.COM/BBS/BBSPAGE/20140620170743/0/DETAIL/20130727223854/1
Fixedbox Fixed div Floating code supports most browsers above IE6