首先看效果图:
最开始鼠标没有滚动的时候:
当鼠标滚动下拉到一定高度的时候:
侧边的悬浮框会一直悬浮在最左边,实现导航的悬浮。
通过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%") }