仅在滚动到顶部时才修复了thead

Question

我对thead有一个问题：我需要在滚动到顶部时固定到thead顶部，但同时当我水平滚动时，thead必须水平滚动，所以我不能使用＆＃34;职位：固定＆＃34;。 我使用这个cose但它不能按我的意愿工作。 有什么想法吗？

<script type="text/javascript">
  $(function() {
    moveScroller();
  });

  function moveScroller() {
        var $anchor = $("#scroller-anchor");
        var $scroller = $('#scroller');

        var move = function() {
            var st = $(window).scrollTop();
            var ot = $anchor.offset().top;
            if(st > ot) {
                $scroller.css({
                    position: "fixed",
                    top: "0px"

                });
            } else {
                $scroller.css({
                    position: "relative",
                    top: ""
                });
            }
        };
        $(window).scroll(move);
        move();
    }
</script>

<div class="col-sm-12" id="scroller-anchor">    
<div class="table-responsive" id="cinquepuntodue">      
<table class="table table-bordered table-hover table-condensed version" cellspacing="0" id = "cinquepuntodue_sopra">
    <thead  id="scroller" ></thead>