国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 安顺市| 吉安县| 特克斯县| 遂溪县| 双鸭山市| 盐城市| 若尔盖县| 轮台县| 金平| 辛集市| 博兴县| 灵山县| 临颍县| 宁远县| 闵行区| 彩票| 洪江市| 宣恩县| 临高县| 福海县| 武功县| 伽师县| 南充市| 怀集县| 罗定市| 梅州市| 和田市| 滕州市| 泗洪县| 宣恩县| 潼南县| 息烽县| 旬邑县| 同心县| 司法| 专栏| 思南县| 周至县| 荆门市| 综艺| 抚顺市|