Achieve interstitialSection of Srolllify - jquery-scrollify

Question

In this Scrollify Demo content height is greater than section height generated by default. Each Section has different height. Same scenario is with my code. I have a section with large amount of content. I have put this content class in interstitialSection. But that section is not behaving like demo.
<section class="features panel1 job-section">
<div class="container-fluid no-padding">
<div class="col-lg-12 col-md-12 col-sm-12 col-x-s-12">
<h1 class="career-color">Career Opportunities at TSR Darashaw</h1>
<p class="career-desc">Be a part of TSRDL Family and embark upon the path of Growth, Excellence and Success. We strive to create a cohesive Family of competent team-mates inspired to serve our prestigious clientele.</p>
<h3 class="career-color current-title">Current Openings</h3>
<div CLASS="job">
<h4 class="career-color">Associate - Payroll</h4>
<ul class="job-details">
<li><span>EXPERIENCE: </span><span>2-5 years</span></li>
<li><span>Location:</span><span>Mumbai - Mahalakshmi</span></li>
<li><span>JOB CODE:</span><span>AP001</span></li>
</ul>
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel">
<div class="panel-heading" role="tab" id="headingOne">
<h4 class="panel-title">
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
<i class="icon-plus"></i>
<p class="show-details">SHOW DETAILS</p> <button class="apply">APPLY NOW</button>
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body">
<h4 class="career-color job-desc-title">JOB DESCRIPTION</h4>
<ul class="faq-points">
<li><span></span><p>Validity of the executed instrument of transfer</p>
<ul class="sub-points">
<li><span></span><p>for shares :- 60 days from the date of execution</p></li>
<li><span></span><p>for debentures :- for an indefinite period</p></li>
</ul>
</li>
<li><span></span><p>SEBI has notified vide its Circular No. MRD/DoP/Cir-05/2009 dated 20th May,2009 that it is mandatory for all transactions in the securities market including transfer of shares in physical form of listed Companies to be accompanied with copies of PAN Cards of ALL the transferees.</p></li>
<li><span></span><p>Further as per SEBI (Listing Obligations And Disclosure Requirements) Regulations 2015, both transferor and transferee are to furnish copy of PAN for transfer of securities.</p></li>
<li><span></span><p>Please therefore attach self attested copies of PAN Cards of both the transferee(s) and transferor(s) alongwith the instrument of transfer</p></li>
<li><span></span><p>Keep photocopies of certificates, instrument of transfer and other documents sent by post to TSRDL. In case of a loss in transit, they come in handy.</p></li>
</ul>
<h4 class="career-color job-desc-title">Profile requirements</h4>
<ul class="faq-points">
<li><span></span><p>Validity of the executed instrument of transfer</p>
<ul class="sub-points">
<li><span></span><p>for shares :- 60 days from the date of execution</p></li>
<li><span></span><p>for debentures :- for an indefinite period</p></li>
</ul>
</li>
<li><span></span><p>SEBI has notified vide its Circular No. MRD/DoP/Cir-05/2009 dated 20th May,2009 that it is mandatory for all transactions in the securities market including transfer of shares in physical form of listed Companies to be accompanied with copies of PAN Cards of ALL the transferees.</p></li>
<li><span></span><p>Further as per SEBI (Listing Obligations And Disclosure Requirements) Regulations 2015, both transferor and transferee are to furnish copy of PAN for transfer of securities.</p></li>
<li><span></span><p>Please therefore attach self attested copies of PAN Cards of both the transferee(s) and transferor(s) alongwith the instrument of transfer</p></li>
<li><span></span><p>Keep photocopies of certificates, instrument of transfer and other documents sent by post to TSRDL. In case of a loss in transit, they come in handy.</p></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
jQuery(function($) {
$(function() {
$.scrollify({
section:".panel1",
scrollSpeed:1100,
interstitialSection : ".job-section",
easing: "easeOutExpo",
overflowScroll: true,
scrollbars: true,
touchScroll:true,
updateHash: false,
offset : 0
});
});
});
Scroll in demo is smooth for option section till next section. But whenever i have scrolled in my code, control goes directly to the next section.
How can i achieve this same as demo.

Answer 1

Remove the job-section class from your section.