效果如下：
感覺是不是很和諧，而且**也少，不足的是ie9以下不支援transform屬性，但現在也沒多少要考濾ie9以下的相容了吧，做前端老兼顧低版本的瀏覽器難免會讓自己束手束腳。。。。
下面來看下**吧
html結構
123
4567
891011
1213
1415
// 需要引用jquery
var scrolltop;
$('.box').scroll(function() );
});
目前來說這個效果在chrome上是最好的，但在遨遊，火狐，ie效果就差強人意，有點閃眼，建議做個延遲處理，**如下
var scrolltop, timeoutflag;
$('.box').scroll(function() );
}.bind(this), 300);
});
12
3456
78910
1112
1314
15
如果喜歡就推薦吧，不要問為什麼？直接推薦。。
附加本電腦的ie9效果
CSS3 變形 位移 translate
變形 位移 translate translate 函式可以將元素向指定的方向移動，類似於position中的relative。或以簡單的理解為，使用translate 函式，可以把元素從原來的位置移動，而不影響在x y軸上的任何web元件。translate我們分為三種情況 1 translate...
css 利用translate讓元素居中
參考 父元素 position relative 居中元素 position absolute top 50 基於父元素 left 50 基於父元素 transform translate 50 50 基於自身 注意 此方法可能會導致畫素模糊問題，因為css 的 transform translat...
CSS3 完美實現圓角效果
現在使用css3 技術不需要即可emgpoeufwh實現圓角，把側邊欄標題背景的圓角效果和搜尋框的圓角效果用 css3 實現。記錄一下以便以後使用。w3c 很早就制訂了實現了 css 圓角的 css3 屬性 border radius，fire 和 safari 也通過私有屬性實現了該功能 fire...