首先看效果圖:
最開始鼠標沒有滾動的時候:
當鼠標滾動下拉到一定高度的時候:
側邊的懸浮框會一直懸浮在最左邊,實現導航的懸浮。
通過js代碼實現:
js代碼:
var n_t1 = $('body').height() * 0.12; if(scrTop < n_t1){ $('.content2_left').css("position","absolute") $('.content2_left').css("left","0px") $('.content2_left').css("top","0px") }else{ $('.content2_left').show() // $('.content2_left').css("background-color","red") $('.content2_left').css("position","fixed") $('.content2_left').css("left","10%") $('.content2_left').css("top","5%") }