Floating Action-Taste funktioniert nicht?

Question

Das Problem, das ich habe, ist, dass, wenn ich auf den Knopf klicke, es nach oben kommen und schweben sollte. kommen nach oben funktioniert, aber es floated..can nicht mir jemand für dieses Problem vorschlagen ......

Code wie unten

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

css wie unten

.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-Code

<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> 

Answer 1

Set Position create-course-info-fixed.

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

Fiddle

Answer 2

Keine sicher, was Sie mit dem Schwimmer tun wollen, aber hier ist ein JSFIDDLE Beispiel mit Ihrem Code und Position Satz Fixed und einem Anfangszustand von Display:none

JSFIDDLE