一種模擬position: sticky;的方法

直接上代碼，本例採用了jQuery來進行介紹

 

CSS部分：

.sticky {
  position: fixed; 
  top: 0;
}

　　

JS部分：

var stickyBar = $('.sticky-bar');
var stickyLine = stickyBar.offset().top;
function toggleSticky(e) {
  window.scrollY > stickyLine ? stickyBar.addClass('sticky') : stickyBar.removeClass('sticky');
}
$(document).on('scroll', toggleSticky);