ScrollMagic пин-код во всех div одного класса - PullRequest
Новая
       16

ScrollMagic пин-код во всех div одного класса

0 голосов
/ 07 марта 2019

Я пытаюсь прикрепить карту, когда проходят несколько делений одного класса, а затем открепить, когда появятся кредиты.До сих пор я не нашел способ освободить булавку именно тогда, когда я этого хочу.У кого-нибудь есть понимание, пожалуйста?

html: 

<div class="hotel" id="screen-ellis">
   <div id="map"></div>
   (some content here)
</div>
<div class="hotel"></div> //various amounts of content in each hotel
<div class="hotel"></div> 
<div class="hotel"></div> 
<div class="hotel"></div> 
<div class="hotel"></div> 
<div class="hotel"></div> 
<div class="hotel"></div>
<div class="credits"></div> //unpin the map here

jquery: 

 var section = $('.hotel').height();
 var heightAllHotels = 0;

 $('.hotel').each(function() {
     heightAllHotels += $(this).outerHeight();
 }); //get height of all the hotels together

 var scene = new ScrollMagic.Scene({ //pin map
    triggerElement: "#screen-ellis", //the first hotel
    duration: heightAllHotels, //ends too soon
    triggerHook: 'onLeave'
 }).setPin("#map", {pushFollowers: false})
 .addTo(controller);
...