2017-03-10 30 views
0

在此Scrollify Demo內容高度大於默認生成的部分高度。每個部分都有不同的高度。我的代碼也是一樣的。我有一個內容大的部分。我已將此內容類放入interstitialSection。但該部分並不像演示。實現Srolllify的interstitial部分

<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 
    }); 
}); 

});

滾動在演示是順利的選項部分,直到下一節。但是每當我滾動我的代碼時,控件就會直接進入下一節。

我該如何做到這一點與演示。

回答

0

從您的部分刪除job-section類。

+0

我已經從部分中刪除了.job部分的類,但現在部分獲取了高度:770像素,這比內容少。我也看不到內容。當我滾動,cvontrol去下一節。 – gt06

+0

這聽起來像您的部分中有一些摺疊內容,您必須確保您的部分中沒有摺疊內容。當您在未清除的容器中浮動內容時,通常會發生這種情況。必須正確包含所有內容才能計算精確的截面高度。 –

+0

我給溢出:隱藏到節元素。並沒有任何元素賦予浮動屬性。我已將所有內容正確放入容器中。 – gt06