Question

在此Scrollify Demo内容中，高度大于默认情况下生成的区域高度。每个部分都有不同的高度。同样的情况是我的代码。我有一个包含大量内容的部分。我已将此内容类放在interstitialSection中。但该部分的行为并不像演示。

<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"><a href="#">APPLY NOW</a></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
    });
});

}）;

滚动演示顺利进行选项部分直到下一部分。但每当我滚动我的代码时，控制权直接转到下一部分。

我如何实现与演示一样。

Answer 1

从您的部分中删除job-section课程。

实现Srolllify的interstitialSection

1 个答案: