首先，我們需要定義一個(gè)包含整個(gè)頁面內(nèi)容的容器，這個(gè)容器應(yīng)該設(shè)置為固定高度和寬度，并且啟用垂直滾動(dòng)條這可以通過以下CSS代碼實(shí)現(xiàn)content1 overflow hiddenoverflowy scrollSCROLLBARFACECOLOR#205e17SCROLLBARSHADOWCOLOR#86ff92SCROLLBAR3DLIGHTCOLOR#205e17SCROLLBARTRACK。

親，這個(gè)需要你知道rem與px的區(qū)別，如果要讓手機(jī)自適應(yīng)，用rem是最合適的。

1 css不能控制背景圖的大小， 有的屏幕是長(zhǎng)方形的，有的還是正方形的了，你如果只控制它的寬，沒準(zhǔn)就會(huì)出現(xiàn)滾動(dòng)條，你寬高都控制，它就變形了，所以說只能讓大的瀏覽器顯示的多一些，小的瀏覽器顯示的少一點(diǎn)，樣式代碼如body backgroundurlquot1jpgquot norepeat center top fixed2。

1 Windows全屏窗口滾動(dòng)插件 該插件可以很好地實(shí)現(xiàn)全屏滾動(dòng)，每滾動(dòng)一次即為一屏比如，用戶瀏覽下一屏幕內(nèi)容時(shí)，只需手動(dòng)滾動(dòng)到某一位置，該插件會(huì)自動(dòng)滾動(dòng)顯示下一屏全部?jī)?nèi)容對(duì)于瀏覽類似于PPT的內(nèi)容時(shí)比較實(shí)用2 Jquery Scroll Follow滾動(dòng)跟隨插件 該插件可以使DOM對(duì)象隨著頁面的滾動(dòng)而移動(dòng)。

因?yàn)镮E6的兼容性問題，所以這不考慮用fixed，代碼如下，用了js的滾動(dòng)事件 lt！ CSS部分，寬度各100，紅色背景，加了定位屬性 *margin0padding0 #div1width100pxheight100pxbackground#F00positionabsolutetop100pxleft0 我是固定的 lt！ js控制。

實(shí)現(xiàn)Text Box左右居中， 隨頁面界面縮小或放大而一直居中方法 使用一個(gè)寬度100%的div， 讓其內(nèi)容居中。

addEventListener#39DOMSubtreeModified#39， function adjustScrollbar以上代碼可以確保在頁面加載完成后以及div內(nèi)容發(fā)生變化時(shí)，實(shí)時(shí)調(diào)整div的滾動(dòng)條狀態(tài)綜上所述，通過設(shè)置CSS樣式屬性或使用JavaScript監(jiān)聽div高度變化，可以實(shí)現(xiàn)一個(gè)div高度隨內(nèi)容增多而增長(zhǎng)，并在高度超過500px時(shí)出現(xiàn)縱向滾動(dòng)條。