下面舉個例子lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitle主頁lttitle ltstyle cen position fixedleft 10pxtop100pxwidth 100pxheight 100pxbackgroundcolor；3新建一個script標簽，在這個標簽里面創(chuàng)建使用$windowscroll監(jiān)聽滾動條滾動事件案例中判斷當滾動條滾動高度超過100的時候就出現(xiàn)一個彈出框4保存html代碼后使用瀏覽器打開，然后滾動Y軸滾動條5發(fā)現(xiàn)滾動到。

用 positionfixed就可以了 在IE7以上版本及firefoxoperasafari里，都支持css屬性quotpositionfixedquot，它的作用就是將元素相對于窗口固定位置不論窗口滾動與否，元素都會留在那個位置ads positionfixedtop0left；只要選中第三列，然后從菜單上選擇凍結窗格就可以將前兩列鎖定不滾動了。

如何讓背景圖片固定不隨滾動條滾動 提示 fixed表示指定的背景是永遠固定的，即背景圖片不隨著網(wǎng)頁的滾動而滾動通過此元素設定出的網(wǎng)頁效果在當今受到很多網(wǎng)路高手垂青scroll這元素的作用正好與fixed相反，此元素與HTML；top10px right20px另外，因為div是相對與頁面定位，在滾動條滾動時，其他的html元素可能因為在它之上而將它遮擋上如果你的這個div先寫的，后又寫很多div什么的，就可能將它壓載下面看不到了，如果希望這個div。

html 滾動條不見了

提示fixed表示指定的背景是永遠固定的，即背景圖片不隨著網(wǎng)頁的滾動而滾動通過此元素設置出的網(wǎng)頁效果在當今受到很多網(wǎng)絡高手垂青scroll這元素的作用正好與fixed相反，此元素與HTML中的背景元素所產(chǎn)生的效果基本相同，就是。

lt！DOCTYPElthtmlltheadlttitle測試lttitleltheadltstyledivfloatleft#div1height1000pxwidth200pxbackgroundlightgreenpositionfixedtop100pxbackgroundmozlineargradienttop，blue，yellow#。

html fixed不能隨著屏幕寬度滾動

1、隱藏滾動條不是HTML5的特性，你可以使用ltbody scroll=no style=quotoverflowhiddenquot設置。

2、4運行項目后，可以看到div在右下角為了模擬這里的body高度設置很高，足夠滾動條下拉到底部的5然后滑動滾動條，即使到達底部后，div的位置依舊沒有修改，就完成了。

3、1html，body將默認可能會隨機出現(xiàn)的滾動條，完全地隱藏了，這樣不管您放了啥內容，它們都不會出來了2virtual_body顧名思義，就是一個假的body了，它被設置為長寬都為100%的，意思就是它利用了所有可視的瀏覽。

4、lt！doctype html lthtml lthead ltmeta charset=quotutf8quot lttitle百度知道lttitle lthead ltbody lt！ positionfixed是設置為固定在頁面的某個位置，不會隨滾動條滾動而移動top 50px圖片距離頁面頂部50。

5、頁面自己的事情對于那些需要滾動條的頁面，可以設置css屬性overflow，hidden不讓滾動條出現(xiàn)也可以自己滾動，只要在頁面中按中鍵，然后上下移動就可以了。

6、\x0d\x0a我們平時所說的固定定位指的就是fixed，設置了固定定位的元素不會隨滾動條上下滾動\x0d\x0a\x0d\x0a二一般的 positionfixed 實現(xiàn)方法\x0d\x0a#toppositionfixedbottom0right20px\x0d。

7、用JavaScript或者jquery 1頁面加載完，獲取當前瀏覽器顯示區(qū)域高度2獲取頁面中我的相冊div1關閉相冊的高度3用1獲取的值減去2所有的值4用3所得值附加給div2 好了，方法教給你了，自己去實現(xiàn)吧。