要素をスクロール時にウィンドウ上部にひっかかるようにする jQuery プラグイン - Qiita

$.fn.headbutt = function (offset) { if (offset == null) { offset = 0; } this.each(function () { var $elem = $(this) , initialTop = $elem.offset().top , initialPosition = $elem.css('position') ; $window = $(window).on('scroll', function () { if ($window.scrollTop() > initialTop - offset) { $elem.css({ position: 'fixed', top: offset }); } else { $elem.css({ position: initialPosition }); } }); }); };