Question

滚动到词缀偏移时，如何更改css显示属性？

我希望在屏幕中间显示div而在我拍摄偏移之前不可见...

<div class="article-bar" data-spy="affix" data-offset-top="700">
    <div class="row"> 
        <div class="col-lg-8">
            <?php include('inc_social.php');?>
        </div>
        <div class="col-lg-4">
            Next: <?php next_post('%','');?>
        </div>
    </div>
</div>

 .article-bar {width:100%; background-color:#FFF; padding:10px 20px; top:0; z-index:99999; border-bottom:1px solid #CCC; display:none;}

Answer 1

知道了！不要忘记从div中删除data-offset-top。

 <div class="article-bar" data-spy="affix">
 ....
 </div>

 <script>
    $(function() {
        $(window).scroll(function() {
            if($(window).scrollTop() >= 700) {  
                $('.article-bar').fadeIn('fast');
            }else{
                $('.article-bar').fadeOut('fast');
            }
        });
    });
 </script>

Answer 2

您可能希望从隐藏元素开始。这样就可以了：

<div class="article-bar" class="hidden" data-spy="affix">
....
</div>

<script>
   $(function() {
      $(window).scroll(function() {
         if($(window).scrollTop() >= 700) {  
            $('.article-bar').removeClass('hidden');
            $('.article-bar').fadeIn('fast');
         }else{
            $('.article-bar').fadeOut('fast');
         }
      });
   });
</script>

Answer 3

这里我的解决方案只使用CSS

将.hidden类添加到元素中将.affix＆gt; .hidden设置为：display：block！important

＆＃13;

 .article-bar {width:100%; background-color:#FFF; padding:10px 20px; top:0; z-index:99999; border-bottom:1px solid #CCC;}

.hidden {
    display: none;
}

.affix .hidden {
    display: block !important;
  }

＆＃13;

<div class="article-bar" data-spy="affix" data-offset-top="700">
    <div class="row hidden"> 
        <div class="col-lg-8">
            <?php include('inc_social.php');?>
        </div>
        <div class="col-lg-4">
            Next: <?php next_post('%','');?>
        </div>
    </div>
</div>

＆＃13;

Answer 4

我这样做了。当然，它会影响所有词缀。

static inline int enqueue_yourtype(yourtype_queue *const q, struct yourtype_message *const m)
{
    return enqueue((queue *const)q, (struct message *const)m);
}

static inline struct yourtype_message *dequeue_yourtype(yourtype_queue *const q)
{
    return dequeue((queue *const)q);
}

static inline struct yourtype_message *try_dequeue_yourtype(yourtype_queue *const q)
{
    return try_dequeue((queue *const)q);
}

Twitter Bootstrap - Affix出现在偏移量上

4 个答案: