js爬樓層效果

2021-10-11 03:48:37 字數 1532 閱讀 8299

"en">

"utf-8">

樓層*.wrap div

.floor

.floor p

class="wrap">

class="scroll_section">1樓層

class="scroll_section">2樓層

class="scroll_section">3樓層

class="scroll_section">4樓層

class="scroll_section">5樓層

class="scroll_section">6樓層

class="scroll_section">7樓層

class="scroll_section">8樓層

class="scroll_section">9樓層

class="scroll_section">10樓層

class="floor">

1層2層

3層4層

5層6層

7層8層

9層10層

//return t;

// 爬樓層效果

// 滾動樓層盒子實現吸頂效果

let scrollbox = document.queryselector(

".scroll-left")/

/每個樓層盒子

let floorbox = document.queryselectorall(

".scroll-section")/

/每個樓層盒子按鈕

let floorbtn = document.queryselectorall(

".floor li")/

/獲取所有div的offsettop,也就是每個樓層距離頂部的距離

let arr = [

] let current = 0 /

/儲存當前滾動到的樓層

//獲取所有div的offsettop,也就是每個樓層距離頂部的距離

for(let i = 0; i < floorbox.length; i++

) window.onscroll = function()

else

// st = st + window.innerheight / 2

//樓層滾動到可視視窗中間時,相當於滾動到了此樓層

for(let i = 0; i < arr.length; i++)if

(st > arr[arr.length - 1])}

//按鈕變色

for(let i = 0; i < floorbtn.length; i++)/

/ floorbtn[current]

.style.color = "red"

floorbtn[current]

.classlist.add(

"active");

}// 迴圈繫結監聽事件

for(let i = 0; i < floorbtn.length; i++))}}}

樓層效果 原來這幾個樓層才是黃金樓層

買房子是生活中的大事。它會影響了我們以後的生活。一旦犯錯誤,就會帶來無法彌補的損失。所以買房子一定要小心。如果房子買錯了,會很難易手。當我們選擇一所房子時,一定要小心謹慎。今天就告訴你那幾個樓層才是 樓層!買房子的時候最好選擇這些樓層哦。買房子最好能避免的樓層 一樓的房子最接近地面,因此其環境比較潮...

樓層效果 來了來了,最真誠的樓層選擇建議

隨著城市化程序加快,在我國的很多城市,高層怪圈 已經是普遍現象,威海也是如此,恆大 華潤 華髮 萬科 龍湖等品牌房企不僅為威海帶來城市名譽度的提公升,還推動了威海的城市新 高度 越來越多的高層住宅拔地而起。我想90後的一代,很多人都經歷過從大院到高樓,從一群人的歡歌笑語到乙個人的埋頭學習,這樣一邊成...

樓層效果 如何選最合適的樓層,採光好一定是好樓層?

一千個購房者心中有一千個對樓層的期許,關於樓層的傳言一直很多 10層 14層是揚灰層?據說1層 2層比較潮濕?頂層容易漏水?高層住宅10層以下不見陽光?其實,買房就像找男朋友。戶型是五官,樓層是身高。硬體方面,姑娘們最關心的就是外貌和個頭,買房也是一樣,畢竟花那麼多錢,誰不想買個最好的樓層呢?今天,...