實現滾動條進度的三種方法

2021-09-24 22:54:01 字數 690 閱讀 7013

var windowheight=window.screen.height,//螢幕的高

bodyheight=document.getelementsbytagname("body")[0].offsetheight-windowheight,//獲取body的高度,這裡需要減掉的螢幕的高

scroll=document.getelementsbyclassname("scroll")[0];//獲取滾動條

window.onscroll=function()

body

body::after

滾動時設定value,即可實時顯示滾動進度;

可自定義樣式

progress

progress::-moz-progress-bar

progress::-webkit-progress-bar

progress::-webkit-progress-value

progress::-webkit-progress-bar

效果如下: 

flex 實現文字滾動的第三種方法

前面寫了2種文字內容自動滾動的例子,這裡寫上第三種,用timer事件 1,在mxml中設定 2,在script中 import flash.utils.timer import flash.events.timerevent private var delay uint 10 這裡設定時間間期,pr...

HTML 隱藏滾動條和去除滾動條的方法

1.html 標籤加屬性 xml html code複製內容到剪貼簿 htmllang en class no ie style overflow hidden 2.body中加入以下 xml html code複製內容到剪貼簿 styletype text css html html頁面去除滾動條...

讓DIV的滾動條自動滾動到最底部 4種方法

聊天程式是基於ajax設計的,沒有用框架,訊息容器是乙個div,所以問題就在於如何控制div的滾動條。網上有資料介紹說通過設定scrolltop屬性來控制滾動條位置,具體可參見 但同樣的 拿到我這裡卻完全失效,又仔細查了下資料說xhtml標準下scrolltop的值恒為0,解決辦法是使用docume...