国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 開發(fā) > HTML5 > 正文

詳解HTML5將footer置于頁(yè)面最底部的方法(CSS+JS)

2024-09-05 07:22:41
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

本文介紹了詳解HTML5將footer置于頁(yè)面最底部的方法(CSS+JS),分享給大家,具體如下:

JavaScript:

<script type="text/javascript">    $(function(){        function footerPosition(){            $("footer").removeClass("fixed-bottom");                //網(wǎng)頁(yè)正文全文高度                var contentHeight = document.body.scrollHeight,                //可視窗口高度,不包括瀏覽器頂部工具欄                winHeight = window.innerHeight;            if(!(contentHeight > winHeight)){                //當(dāng)網(wǎng)頁(yè)正文高度小于可視窗口高度時(shí),為footer添加類fixed-bottom                $("footer").addClass("fixed-bottom");            } else {                $("footer").removeClass("fixed-bottom");            }        }        footerPosition();        $(window).resize(footerPosition);    });</script>

CSS:

.fixed-bottom {    position: fixed;    bottom: 0;    width:100%;}

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持武林網(wǎng)。

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 施甸县| 夏河县| 封开县| 玛曲县| 准格尔旗| 淮阳县| 靖西县| 博白县| 历史| 东丰县| 安义县| 东兴市| 沛县| 蒙自县| 龙南县| 阳东县| 彭泽县| 武城县| 大丰市| 陕西省| 响水县| 泰和县| 奉新县| 咸丰县| 横山县| 合川市| 顺平县| 肃南| 连南| 松潘县| 巫溪县| 东阳市| 乌鲁木齐县| 伊川县| 盐城市| 寿宁县| 民丰县| 屏南县| SHOW| 惠州市| 灵石县|