根據滾動條位置改變側邊懸浮按鈕的狀態

2022-07-15 03:24:12 字數 1025 閱讀 4965

借鑑了一部分前輩的思路,寫的乙個死資料,進行的一些狀態改變

可能腦子有點笨,正在尋找簡化**的思路。

這是html,我只寫了兩部分,乙個是懸浮窗,乙個是內容區域,大家可以直接複製**進入頁面,然後引入乙個jq的js檔案就可以看到效果了。

001002

003004

005006

這裡是css部分,就是對上面部分的樣式設定,沒什麼問題

這裡是js方面的,

function one(x)else if (top2

$(".ywd ul li").eq(1).addclass("active");

$(".ywd ul li").eq(1).siblings().removeclass("active");

}else if (top3

$(".ywd ul li").eq(2).addclass("active");

$(".ywd ul li").eq(2).siblings().removeclass("active");

}else if (top4

$(".ywd ul li").eq(3).addclass("active");

$(".ywd ul li").eq(3).siblings().removeclass("active");

}else if (top5

$(".ywd ul li").eq(4).addclass("active");

$(".ywd ul li").eq(4).siblings().removeclass("active");

}else if (top6

$(".ywd ul li").eq(5).addclass("active");

$(".ywd ul li").eq(5).siblings().removeclass("active");}};

//頁面滾動獲取滾動條的位置,並呼叫上面的函式

$(window).scroll(function())

基本就是這麼多。如果大家有好的想法一定要告訴我呀,謝謝!!!

滾動條位置判斷

獲取滾動條距離頂部位置 function getscrolltop else if document.body return scrolltop 獲取當前可視範圍的高度 function getclientheight else return clientheight 獲取文件完整的高度 funct...

jQuery根據滾動條位置載入相應的內容

先靜態布局好html結構,使用偽類 hover模擬動畫效果,再使用jquery 控制動畫類名的切換來實現效果!主要判斷滾動的方向,以及相應方向上載入動畫的時機 即何時才載入動畫的判斷條件!關鍵點!向下滾動載入動畫判斷條件 中addclass 函式 向上滾動載入動畫判斷條件 中addclass2 函式...

改變滾動條的樣式

有些 的滾動條不是預設的灰色,而是紅 藍等其他顏色的,看起來很獨特,你只要把下面的 加入到你的主頁中即可 其中的7個顏色值 代表滾動條的不同部位 你可以隨意更改,直到滿意為止。要注意的是,必須使用ie 5.5以上版本的瀏覽器才能看到效果。如果是winform控制項,這樣做吧,簡單一點 system....