0

在这个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
    });
});

});

在演示中滚动选项部分到下一部分是平滑的。但是,每当我滚动代码时,控制都会直接转到下一部分。

我怎样才能达到与演示相同的效果。

4

1 回答 1

0

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

于 2017-03-10T10:57:38.133 回答