欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js讓一行頁腳保持在底部

 更新時間:2008年04月11日 19:46:46   作者:  
所謂保持在底部就是: 在內容不超過一屏的情況下, 當瀏覽器窗口變小那行頁腳文字會跟著向上浮動但還是保持在底部。當內容多出一屏時,他顯示在網頁的最下邊,而不是窗口的最下邊;
測了一下,還可以,在IE6、IE7、FIREOFX等都沒有問題! 窗口縮小時也沒有問題!

復制代碼 代碼如下:

<script language="JavaScript" type="text/javascript">
function test(){
 var infoHeight = document.getElementById("info").scrollHeight;
 var bottomHeight = document.getElementById("bottom").scrollHeight;
 var allHeight = document.documentElement.clientHeight;

 var bottom = document.getElementById("bottom");
 if((infoHeight + bottomHeight) < allHeight){
  bottom.style.position = "absolute";
  bottom.style.bottom = "0";
 }else{
  bottom.style.position = "";
  bottom.style.bottom = "";
 } 

 setTimeout(function(){test();},10);
}
test();
</script>


[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]

相關文章

  • 鼠標滑過出現(xiàn)預覽的大圖提示效果

    鼠標滑過出現(xiàn)預覽的大圖提示效果

    這篇文章主要介紹了如何實現(xiàn)鼠標滑過出現(xiàn)預覽的大圖提示效果,需要的朋友可以參考下
    2014-02-02
  • 利用JS定時器實現(xiàn)元素移動

    利用JS定時器實現(xiàn)元素移動

    這篇文章主要為大家詳細介紹了利用JS定時器實現(xiàn)元素移動,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-05-05
  • fullPage.js和CSS3實現(xiàn)全屏滾動效果

    fullPage.js和CSS3實現(xiàn)全屏滾動效果

    這篇文章主要為大家詳細介紹了fullPage.js和CSS3實現(xiàn)全屏滾動效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-05-05
  • 判斷訪客終端類型集錦

    判斷訪客終端類型集錦

    本文給大家講解的是使用php和javascript實現(xiàn)的判斷訪客終端類型的方法集錦,十分的簡單實用,有需要的小伙伴可以參考下。
    2015-06-06
  • 微信小程序自定義底部、頂部、中間、左邊及右邊彈窗

    微信小程序自定義底部、頂部、中間、左邊及右邊彈窗

    這篇文章主要給大家介紹了關于微信小程序自定義底部、頂部、中間、左邊及右邊彈窗的相關資料,彈窗是小程序中非常重要的一種互動方式,比如用戶注冊時錯誤提示、優(yōu)惠券領取提示、簽到成功提示等等,需要的朋友可以參考下
    2023-11-11
  • Javascript的表單與驗證-非空驗證

    Javascript的表單與驗證-非空驗證

    JavaScript 可用來在數(shù)據(jù)被送往服務器前對 HTML 表單中的這些輸入數(shù)據(jù)進行驗證。本文給大家介紹javascript的表單與驗證-非空驗證,對javascript表單驗證相關知識感興趣的朋友一起學習吧
    2016-03-03
  • webpack proxy如何解決跨域問題

    webpack proxy如何解決跨域問題

    webpack proxy,即webpack提供的代理服務,基本行為就是接收客戶端發(fā)送的請求后轉發(fā)給其他服務器,本文給大家介紹了webpack proxy如何解決跨域問題,感興趣的朋友跟隨小編一起看看吧
    2023-10-10
  • JavaScript實現(xiàn)旋轉木馬輪播圖

    JavaScript實現(xiàn)旋轉木馬輪播圖

    這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)旋轉木馬輪播圖,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-03-03
  • js清空表單數(shù)據(jù)的兩種方式(遍歷+reset)

    js清空表單數(shù)據(jù)的兩種方式(遍歷+reset)

    這篇文章主要介紹了js清空表單數(shù)據(jù)的兩種方式(遍歷+reset),需要的朋友可以參考下
    2014-07-07
  • javascript獲取重復次數(shù)最多的字符

    javascript獲取重復次數(shù)最多的字符

    本文給大家講述的是使用javascript實現(xiàn)獲取重復次數(shù)最多的字符,代碼很簡單,有需要的小伙伴可以參考下。
    2015-07-07

最新評論