Scrollify demo

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/scrollify/0.1.13/jquery.scrollify.js"></script>
<div id="sticky"> </div>
<section class="scrolly one"></section>
<section class="scrolly two"></section>
<section class="scrolly three"></section>

CSS

.scrolly {
  width: 100%;
  background:grey;
  border: 1px solid black;
  padding: 95px 0px;
}
#sticky {
  position: fixed;
  height: 90px;
  text-align: center;
  background: white;
  width: 100%;
  margin: 0px auto;
  padding: 0px;
  top: 0px;
  left: 0px;
}

JavaScript

if($(window).width() > 767) {
  $.scrollify({
      section: ".scrolly",
      offset: -90,
      sectionName: false
  });
}
$("#sticky").html("width: "+$(window).width()+" & height: "+$(window).height());
$(window).resize(function(){
	if($(window).width() <= 767) {
  	$.scrollify.disable();
    $(".scrolly").removeAttr("style");
  } else {
  	$.scrollify.enable();
  }
  $("#sticky").html("width: "+$(window).width()+" & height: "+$(window).height());
})