JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >

<div class="container">
		<div class="row">
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias velit animi fugit in itaque vero aliquam, facilis iste nulla pariatur vel commodi delectus beatae ab et deserunt, dignissimos ad praesentium eligendi aperiam repudiandae saepe? Reiciendis sit aperiam, quae rerum earum quos natus incidunt quisquam? Sunt, cupiditate, inventore. Molestias ipsam maxime, molestiae, dolores cumque veniam qui nobis asperiores voluptate tempore officiis cum id obcaecati ex! Ipsum minima assumenda, qui. Ipsa ea, ullam nobis dignissimos recusandae in? Corporis saepe ex sequi nobis asperiores eius doloribus molestiae. Assumenda optio, ab exercitationem consequatur iure nisi nam fugiat alias culpa corrupti voluptate fuga architecto odit eveniet perspiciatis itaque ipsa, veniam voluptatum veritatis velit cumque vitae officiis adipisci! Optio sunt non iure in, hic a provident, aspernatur nesciunt repudiandae pariatur rem labore consequuntur est ut impedit deserunt rerum perferendis deleniti debitis quod. Expedita cumque, ut necessitatibus facere officia distinctio perferendis illum vitae laborum repellendus est eligendi. Ipsa dignissimos minima numquam vero facilis nam id sint. Natus et quam maiores tempore veniam, fuga officia rem blanditiis officiis fugit, vel, nihil at delectus quas beatae perspiciatis maxime reprehenderit qui magni. Explicabo, libero. Fuga modi ipsa repellendus, accusantium nam suscipit temporibus aut, aliquid voluptatem repellat dolorum optio culpa vero numquam, quae quibusdam iusto sequi expedita harum sint? Dolores harum sed, porro eius sequi quae quaerat accusamus velit asperiores, ipsam enim delectus cum? A iure eveniet quasi sit beatae voluptatum, exercitationem autem neque. Quae repudiandae animi iure quod est ea obcaecati...

CSS

.b-table {
  position: relative;
}
.b-table td {
    border-right: 1px solid #dbdbdb;
    padding: 10px 14px;
    text-align: center;
}
.b-marked {
  background: purple;
}

JavaScript

function moveScroll(){
    var scroll = $(window).scrollTop();
    var anchor_top = $(".b-table").offset().top;
    var anchor_bottom = $(".b-ancor-table").offset().top;
    if (scroll>anchor_top && scroll<anchor_bottom) {
    var clone_table = $("#clone");
    if(clone_table.length == 0){
        clone_table = $(".b-table").clone();
        clone_table.attr('id', 'clone');
        clone_table.css({position:'fixed',
                 'pointer-events': 'none',
                 top:0});
        clone_table.width($(".b-table").width());
        $(".table-responsive").append(clone_table);
        $("#clone").css({visibility:'hidden'});
        $("#clone thead").css({visibility:'visible'});
    }
    } else {
    $("#clone").remove();
    }
}
$(window).scroll(moveScroll);