Jquery简单的右侧浮动菜单
生活随笔
收集整理的這篇文章主要介紹了
Jquery简单的右侧浮动菜单
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
今天有空稍微看了下Jquery動(dòng)畫函數(shù)animate這個(gè)方法，發(fā)現(xiàn)可以用這個(gè)方法來做下簡單的右側(cè)浮動(dòng)菜單 因?yàn)榻?jīng)常做淘寶頁面時(shí)候會(huì)碰到這樣的效果 以前都是用人家的javascript組件代碼 發(fā)現(xiàn)老是用人家也不好，所以今天有空用jqeury中的animate這個(gè)方法寫了一個(gè)簡單的浮動(dòng)菜單！原理非常的簡單 就是當(dāng)滾動(dòng)條滾動(dòng)時(shí)候 讓他運(yùn)行一個(gè)方法 然后在那個(gè)方法里面簡單的計(jì)算下 動(dòng)畫元素的top 計(jì)算方法是：window的高度-元素的高度 再除以2 就可以讓元素在頁面上是劇中的 然后在加上元素滾動(dòng)的高度 ！！！
代碼如下：
?
當(dāng)窗口一加載的時(shí)候 我讓當(dāng)前文檔 一個(gè)相對(duì)定位 那么浮動(dòng)元素就相對(duì)文檔來說 他是絕對(duì)定位 所以不管窗口縮小時(shí)候還是移動(dòng)窗口 那個(gè)浮動(dòng)元素都不會(huì)改變位置！
附件：http://down.51cto.com/data/2359405
本文轉(zhuǎn)自 涂根華 51CTO博客，原文鏈接：http://blog.51cto.com/tugenhua/732639，如需轉(zhuǎn)載請(qǐng)自行聯(lián)系原作者
總結(jié)
以上是生活随笔為你收集整理的Jquery简单的右侧浮动菜单的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 添加自定义监控项目，配置邮件告警，测试告
- 下一篇： destoon b2b 360网站智能摘