Affix Element flackert, wenn

Question

Versuchen Scrollen nach unten bootstrap affix Plugin verwenden, um Aktien Tasten Abschnitt zu fixieren, während

Scrollen Aber als nach unten scrollen und das Element passieren, es flackern beginnen. Sie es hier sehen: http://kohelet.org.il/event/%D7%9E%D7%99%D7%A6%D7%92-%D7%94%D7%A9%D7%95%D7%A7-%D7%94%D7%97%D7%95%D7%A4%D7%A9%D7%99

nach unten scrollen und schauen direkt auf die Aktie Icons, wenn affix-top-affix wechseln sollte, geht etwas schief.

Der Code, den ich verwendet:

<div class="col-sm-3 share"> 

    <ul class="share-links" data-spy="affix" data-offset-top="1020" data-offset-bottom="567"> 
     <li class="print_page"> 
      <i class="fa fa-print red"></i> 
      <?php if(function_exists('pf_show_link')){echo pf_show_link();} ?> 
     </li> 
     <li> 
      <i class="fa fa-envelope gray"></i> 
      <a class="em" href="" target="_blank">שלח</a> 
     </li> 

     <li> 
      <i class="fa fa-facebook blue"></i> 
      <a class="fb" href="" target="_blank">שתף</a> 
     </li> 

     <li> 
      <i class="fa fa-twitter lightblue"></i> 
      <a class="tw" href="" target="_blank">צייץ</a> 
     </li> 
     <li class="w_app_li"> 
      <i class="fa fa-whatsapp green"></i> 
      <a class="wh_app" href="" data-action="share/whatsapp/share">וואטסאפ</a> 
     </li> 

    </ul> 

</div> 

Und einige css:

.affix{ 
    top: 40px; 
} 
.affix-bottom{ 
    position: absolute; !important; 
} 

jede Hilfe zu schätzen wissen!

Answer 1

Sie müssen data-offset-bottom="[[affix_bottom]]" zu Ihrem <ul> hinzufügen. Höchstwahrscheinlich ist Affix_bottom irgendwo um 1710. Sie können es von hier finden. (Ich gehe davon aus, dass Sie hier die Schriftrolle, nachdem Sie Haupttitel beendet beenden möchten.)

var selector = '.main-heading-main'; 
$(selector).offset().top + $(selector).outerHeight(true); 

Sie könnten auch versuchen, Ihre Affix-bottom dynamisch einstellen.