javascript改變position值實(shí)現(xiàn)菜單滾動(dòng)至頂部后固定？Code:·$（function（）{·//獲取要定位的元素與瀏覽器頂部的距離?！ar navh=$（“）。導(dǎo)航“）。偏移（）。頂

javascript改變position值實(shí)現(xiàn)菜單滾動(dòng)至頂部后固定？

Code:·$（function（）{·//獲取要定位的元素與瀏覽器頂部的距離?！ar navh=$（“）。導(dǎo)航“）。偏移（）。頂部·//滾動(dòng)條事件·$（窗口）。Scroll（function（）{·//獲取滾動(dòng)條的滑動(dòng)距離?！ar scroh=$（這個(gè)）。Scrolltop（）·//如果滾動(dòng)條的滑動(dòng)距離大于或等于定位元素與瀏覽器頂部之間的距離，則滾動(dòng)條的滑動(dòng)距離是固定的；否則滾動(dòng)條的滑動(dòng)距離不是固定的。如果（scroh>=navh）{·$（”。導(dǎo)航“）。CSS（{“position”：“fixed”，“top”：0}）·}else If（scroh<navh）{·$（）。導(dǎo)航“）。CSS（{“position”：“static”}）·}·}·}

判斷瀏覽器的滾動(dòng)高度和要固定在文檔頂部的元素與文檔頂部之間的距離，然后收聽滾動(dòng)事件得到滾動(dòng)高度，判斷滾動(dòng)高度和元素與頂部之間的距離，如果它們相等，就固定元素。那很好。寫代碼太麻煩了，原則是這樣的，你試試看。另外，要避免元素固定定位，因?yàn)橥蝗还潭?，不考慮頁面高度會(huì)跳轉(zhuǎn)的問題。在固定位置的同時(shí)，可以將margin top或padding top添加到以下元素，該元素等于固定位置元素的高度。再說一句。個(gè)人感覺。網(wǎng)站特效就是用JS來控制CSS，從而得到一些僅僅用CSS無法達(dá)到的效果。因此，面對(duì)類似的效果，你可以試著想一想自己的想法，寫出來，然后根據(jù)想法找到需要了解的知識(shí)點(diǎn)，然后效果就會(huì)慢慢出來