js注意的細節問題 onscroll事件

2022-01-16 14:13:20 字數 964 閱讀 5331

做頁面的時候可能會用到位置固定的層,讀取 document.body.scrolltop 來設定層的位置,像這樣:­

window.onscroll = function ()

可是怎麼沒有達到預期效果呢,輸出 document.body.scrolltop 的值一看,一直都是 0。原來是 dtd 的問題,要是頁面直接用

開頭的話就沒有問題了。但是要符合 web 標準,dtd 當然是不能少的。具有 dtd 時用

document.documentelement.scrolltop 代替 document.body.scrolltop 就可以了。­

window.onscroll = function ()

注釋:頁面具有 dtd(或者說指定了 doctype)時,使用 document.documentelement。

頁面不具有 dtd(或者說沒有指定了 doctype)時,使用 document.body。

在 ie 和 firefox 中均是如此。

為了相容,可以使用如下**: var scrolltop = window.pageyoffset

|| document.documentelement.scrolltop

|| document.body.scrolltop

|| 0;

解決方案一:(保持當滑鼠滾動時,右側的懸浮框一直相對瀏覽器保持不動)

//js**

window.onscroll=function()

//css**

#div1

解決方案二:

設定div的定位為fixed即可。

#div1

//js**

window.onscroll=function()

Vue應注意的細節問題

vue 通過 watch 選項提供了乙個更通用的方法,來響應資料的變化。當需要在資料變化時執行非同步或開銷較大的操作時,這個方式是最有用的。class繫結的強大模式 var vm new vue init events lifecycle 適合做loading載入 beforecreate func...

我的注意細節

request.querystring username tostring 當username為空的時候,會引發system.web.httpunhandledexception,所以不需要tostring user exchangegoods goods new user exchangegood...

網頁設計中應注意的細節問題

網頁設計其實和製作像平面一樣,畢竟前台有時間也是通過平面設計之後再切圖生成html網頁的,因此也有自己的規則,以下是需要注意的一些問題 我強掉,細節很重要。1 配色問題 乙個網頁的色彩最好不要超過3種,一面視覺效果混亂,用色柔和,對比度強的色彩不能應用於一般 時尚 使用還可以。一般不好搭配的顏色,用...