今天有空稍微看了下Jquery動(dòng)畫(huà)函數(shù)animate這個(gè)方法,發(fā)現(xiàn)可以用這個(gè)方法來(lái)做下簡(jiǎn)單的右側(cè)浮動(dòng)菜單 因?yàn)榻?jīng)常做淘寶頁(yè)面時(shí)候會(huì)碰到這樣的效果 以前都是用人家的javascript組件代碼 發(fā)現(xiàn)老是用人家也不好,所以今天有空用jqeury中的animate這個(gè)方法寫(xiě)了一個(gè)簡(jiǎn)單的浮動(dòng)菜單!原理非常的簡(jiǎn)單 就是當(dāng)滾動(dòng)條滾動(dòng)時(shí)候 讓他運(yùn)行一個(gè)方法 然后在那個(gè)方法里面簡(jiǎn)單的計(jì)算下 動(dòng)畫(huà)元素的top 計(jì)算方法是:window的高度-元素的高度 再除以2 就可以讓元素在頁(yè)面上是劇中的 然后在加上元素滾動(dòng)的高度 ?。?!
十年建站經(jīng)驗(yàn), 成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)客戶(hù)的見(jiàn)證與正確選擇。成都創(chuàng)新互聯(lián)提供完善的營(yíng)銷(xiāo)型網(wǎng)頁(yè)建站明細(xì)報(bào)價(jià)表。后期開(kāi)發(fā)更加便捷高效,我們致力于追求更美、更快、更規(guī)范。
代碼如下:
無(wú)標(biāo)題文檔 aaaa
當(dāng)窗口一加載的時(shí)候 我讓當(dāng)前文檔 一個(gè)相對(duì)定位 那么浮動(dòng)元素就相對(duì)文檔來(lái)說(shuō) 他是絕對(duì)定位 所以不管窗口縮小時(shí)候還是移動(dòng)窗口 那個(gè)浮動(dòng)元素都不會(huì)改變位置!