為頁(yè)面頂部多留些空間。在不需要頁(yè)頭時(shí)將其隱藏

需要添加的css代碼

.headroom { transition: transform 200ms linear; } .headroom--pinned { transform: translateY(0%); } .headroom--unpinned { transform: translateY(-100%); }

加載headroom.js

初始化代碼，然后就可以執(zhí)行了。

// 獲取頁(yè)面元素 var myElement = document.querySelector("header"); // 創(chuàng)建 Headroom 對(duì)象，將頁(yè)面元素傳遞進(jìn)去 var headroom = new Headroom(myElement); // 初始化 headroom.init();

　　

?

轉(zhuǎn)載于:https://www.cnblogs.com/baixuemin/p/5670663.html

總結(jié)

以上是生活随笔為你收集整理的headroom.js使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。