jQuery浮動視窗- Sticky Sidebar

559946_3495198308469_1960480654_n

當我們在瀏覽一些網頁的時候,有時會看到旁邊有一塊東西浮在那邊,當我們捲動視窗後,過一下子那塊東西就又跑到畫面上一樣的地方,這種很常用來做重要消息或廣告放置的地方,而當然jQuery上也有人提供了外掛,可以很輕鬆的做出這種效果。

首先到jQuery-Stickybox下載外掛。

然後使用position的relative跟absolute技巧幫浮動視窗固定在一個位置上。

之後像這樣使用外掛即可。
  1. $(selector).stickySidebar("remove")  

另外還有一些參數可以設定。
speed (default = 150) - 移動時間
easing (default = 'linear') - 開始和結束的動畫效果,須搭配easing的plugin,下載後裡面就有了
padding (default = 10) - 離頂層的距離
constrain (default = false) - 設true可以移超出母元素

留言

熱門文章