網(wǎng)頁界面設(shè)計 DW網(wǎng)頁設(shè)計中如何給整個網(wǎng)頁設(shè)置滾動條?
DW網(wǎng)頁設(shè)計中如何給整個網(wǎng)頁設(shè)置滾動條?1. 新建網(wǎng)頁,插入在正文中插入圖片并設(shè)置一個400x300像素的滾動條區(qū)域。滾動條根據(jù)需要自動生成。2在ie中測試效果DW網(wǎng)頁設(shè)計中如何給整個網(wǎng)頁設(shè)置滾動條?
DW網(wǎng)頁設(shè)計中如何給整個網(wǎng)頁設(shè)置滾動條?
1. 新建網(wǎng)頁,插入
在正文中插入圖片并設(shè)置一個400x300像素的滾動條區(qū)域。滾動條根據(jù)需要自動生成。2在ie中測試效果
DW網(wǎng)頁設(shè)計中如何給整個網(wǎng)頁設(shè)置滾動條?
如果CSS屬性overflow-y:Auto div中的內(nèi)容超過div的高度,則右側(cè)將自動顯示一個滾動條。1使用div自定義圖形的寬度和高度。2然后將div的樣式設(shè)置為overflow-y:scroll。當(dāng)div中的文本超過該高度時,滾動條將顯示出來。例如:<div style=“寬度:100px高度:100像素溢出:自動邊框:1px實心#000000“><img src=”“樣式=”寬:300px高:300px “></div>
我認(rèn)為最大的改變是將一個頁面垂直分成N個部分,每個部分的高度和寬度就是瀏覽器的高度和寬度,并將主體的溢出設(shè)置為hidden,使用js監(jiān)控滾輪的滾動事件。您只需獲取方向(向上或向下滾動),并防止?jié)L動本身的默認(rèn)操作冒泡(即滾動滾輪時,不要讓頁面滾動)。在獲得方向后,在滾動過程中從機身的滾動頂部加減瀏覽器高度,顯示器應(yīng)暫時屏蔽,以免屏幕在滾動過程中開始執(zhí)行新的滾動動作,造成動畫混亂