網站側邊跟隨滾動特效
代碼
var sidebar = document.getElementById("guding");
var sidebarPos = sidebar.offsetTop;
window.onscroll = function() {
if (window.pageYOffset >= sidebarPos) {
sidebar.style.position = "fixed";
sidebar.style.top = "0";
} else {
sidebar.style.position = "relative";
sidebar.style.top = "auto";
}
// 判斷側邊欄是否已經貼合頂部
if (window.pageYOffset <= sidebarPos) {
sidebar.style.position = "relative";
sidebar.style.top = "0";
}
};
聲明:本文內容由互聯網用戶自發(fā)貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如發(fā)現本站有涉嫌抄襲侵權/違法違規(guī)的內容, 請發(fā)送郵件至201542412@QQ.com舉報,一經查實,本站將立刻刪除。
相關推薦
-
杰奇全站偽靜態(tài)說明
登陸杰奇后臺,在小說連載參數設置中,找到“偽靜態(tài)”設置部分,本別對文章信息頁面、文章分類頁面、首字母分類頁面、排行榜頁面設置好偽靜態(tài)規(guī)則。具體如下供參考:
-
網站數據結構通常包括各種用于優(yōu)化搜索引擎結果和社交媒體分享
meta 標簽在 HTML 中用來表示網頁的元數據,它不會直接顯示在頁面上,但是對于搜索引擎優(yōu)化(SEO)和社交媒體平臺等非常重要。您提供的這個 meta 標簽示例用于定義網站在社交媒體平臺上共享時所顯示的站點名稱。
-
一款很簡約的藍色風格404錯誤頁面模板(站長收藏
一款很簡約的藍色風格404錯誤頁面模板(站長收藏
-
js實現圖片懶加載的方法代碼優(yōu)化版
js實現圖片懶加載的方法代碼優(yōu)化版.支持圖片底部高度。
-
sql導入默認用戶解決杰奇cms無法登陸管理員賬戶問題 - ytkah
前些天下載杰奇cms來體驗一下,下載的杰奇1.8版,不是默認的安裝程序,上傳文件,手工導入sql數據庫,修改了config配置文件,很快就完工了。前臺可以展現,除了有些亂碼顯...














