懸浮動作按鈕不起作用？

我遇到的問題是，當我點擊按鈕時，它應該到達頂部並浮動。來到頂部是工作，但它不是任何人floated..can建議我對於這個問題......懸浮動作按鈕不起作用？

代碼像波紋管

<div class="create-course-info" id="scroll"> 
<a href="#" ><span class="count"><i class="fa fa-angle-up"></i></span>          
</a> 
</div>

CSS像波紋管

.create-course-info { 
    position: relative; 
    min-height: 50px; 
    margin-bottom: 30px; 
    padding: 10px; 
} 
.create-course-info .count { 
    display: inline-block; 
    width: 50px; 
    height: 50px; 
    -webkit-border-radius: 50%; 
    -moz-border-radius: 50%; 
    border-radius: 50%; 
    text-align: center; 
    line-height: 44px; 
    font-family: 'Lato', sans-serif; 
    font-size: 24px; 
    float: right; 
    border: 3px solid #37abf2; 
    background-color: #eee; 
    color: #666; 
} 
.fa-angle-up:before { 
    content: "\f106"; 
}

腳本代碼

<script type='text/javascript'> 
    $(document).ready(function(){ 
     $(window).scroll(function(){ 
      if ($(this).scrollTop() > 100) { 
       $('#scroll').fadeIn(); 
      } else { 
       $('#scroll').fadeOut(); 
      } 
     }); 
     $('#scroll').click(function(){ 
      $("html, body").animate({ scrollTop: 0 }, 600); 
      return false; 
     }); 
    }); 
</script>

來源

2016-06-30 soumya patel

將create-course-info的位置設置爲fixed。

.create-course-info { 
    position: fixed; 
    min-height: 50px; 
    margin-bottom: 30px; 
    padding: 10px; 
}

Fiddle

來源

2016-06-30 07:03:17 Afsar

職位：固定;屬性不工作，當我申請這個屬性時，它顯示沒有 –

@soumyapatel檢查小提琴 – Afsar

雅檢查和米設置這些代碼在我的文件，但它沒有顯示任何東西....是否有任何問題與另一個CSS有沒有什麼機會影響另一個CSS像之前部分CSS ...？ –

沒有確定你想要什麼與浮子做的，但這裏是你的代碼，並Position設置爲Fixed和Display:none

JSFIDDLE

初期狀態的jsfiddle例子

來源

2016-06-30 07:07:23 Handsken

感謝舉例..但它不是在我的代碼工作謝謝 –

如果您向下滾動到JSFIDDLE右側的HTML字段？ @soumyapatel – Handsken

對不起。我沒有讓你？請..明確解釋 –

懸浮動作按鈕不起作用？

回答

相關問題