中文字幕日韩一区二区_国产一区二区av_国产毛片av_久久久久国产一区_色婷婷电影_国产一区二区精品

javascript跟隨滾動條滾動的層(浮動AD效果)

其實這個效果在很多網站中都能見到,其主要表現為網頁兩側的浮動廣告。看起來感覺很難做,但其實原理是很簡單的,使用定時器沒0.1秒檢測層的位置并將其置在指定的位置(相對于窗口)。寫了一個簡單的代碼:

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
注意:
if (window.innerHeight) {
       posX = window.pageXOffset;
       posY = window.pageYOffset;
   }
   else if (document.documentElement && document.documentElement.scrollTop) {
       posX = document.documentElement.scrollLeft;
       posY = document.documentElement.scrollTop;
   }
   else if (document.body) {
       posX = document.body.scrollLeft;
       posY = document.body.scrollTop;
   }
這段代碼是為了兼容標準,在xhtml頁面中,document.body.scrollTop始終為0,即該屬性無效,因此必須用其他的屬性來判斷,為兼容新舊標準,應該對屬性的可用性進行判斷。

引用網上的一段文字: 

引用

應用WEB標準會使ScrollTop屬性失效!!! 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

加上這段后,document.body.scrollTop永遠等于0


body onscroll = "alert(document.body.scrollTop);"永遠也不會引發。


解決辦法:

使用:

document.documentElement.scrollTop 

示例一:

var scrollPos; 
if (typeof window.pageYOffset != 'undefined') { 
  scrollPos = window.pageYOffset; 

else if (typeof document.compatMode != 'undefined' && 
    document.compatMode != 'BackCompat') { 
  scrollPos = document.documentElement.scrollTop; 

else if (typeof document.body != 'undefined') { 
  scrollPos = document.body.scrollTop; 

alert(scrollPos);


示例二:

function WebForm_GetScrollX() 
{
   if (__nonMSDOMBrowser) 
   {
       return window.pageXOffset;
   }
   else 
   {
       if (document.documentElement && document.documentElement.scrollLeft) 
       {
           return document.documentElement.scrollLeft;
       }
       else if (document.body) 
       {
           return document.body.scrollLeft;
       }
   }
   return 0;
}


-------------------------------------
pageYOffset是NETscape的
document.body.scrollTop和document.documentElement.scrollTop是ie的,但我不知道他們的真正區別,只知道documentElement.scrollTop是xhtml兼容的(我用的是strict)

JavaScript技術javascript跟隨滾動條滾動的層(浮動AD效果),轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 欧美人妇做爰xxxⅹ性高电影 | 亚洲免费在线观看 | 成人精品国产免费网站 | 欧美激情视频一区二区三区免费 | 97人澡人人添人人爽欧美 | 成人欧美一区二区 | 国产中文字幕网 | 亚洲一区二区三区四区五区午夜 | 亚洲精品美女 | 国产一区二区三区在线视频 | 国产精品一区二区三区在线 | 免费黄色的网站 | 午夜一区 | 91在线视频播放 | 久久亚洲春色中文字幕久久久 | 在线国产视频观看 | 在线观看免费毛片 | 亚洲高清中文字幕 | 最新黄色毛片 | 日本超碰 | 羞羞视频在线观看免费观看 | 日韩福利在线观看 | 一区二区中文 | 亚洲免费婷婷 | 日韩精品一区二区三区视频播放 | 黄一级| 日韩激情在线 | 911网站大全在线观看 | 中文字幕四虎 | 久久午夜精品福利一区二区 | 午夜视频免费在线观看 | 国产精品大全 | 中文字幕视频免费 | 欧美日韩在线高清 | 久久亚洲国产精品 | 亚洲精品久久久一区二区三区 | 小视频你懂得 | 91亚洲精品在线观看 | 精品一区二区在线视频 | 欧美日韩中文字幕在线 | 激情六月丁香 |