Floating Action-Taste funktioniert nicht?

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 ......Floating Action-Taste funktioniert nicht?

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>

Quelle

2016-06-30 soumya patel

Set Position create-course-info-fixed.

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

Fiddle

Quelle

2016-06-30 07:03:17 Afsar

Position: fixiert; Eigenschaft funktioniert nicht, wenn ich diese Eigenschaft anwende es zeigt keine an –

@soumyapatel überprüfe die Geige – Afsar

ya m überprüfend und m setze diesen Code in meiner Akte ein, aber er zeigte nichts .... gibt es irgendein Problem mit einem anderen css gibt es irgendeine Möglichkeit eine andere CSS wie vor Abschnitt css .... ?? –

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

Quelle

2016-06-30 07:07:23 Handsken

Danke zum Beispiel..aber es funktioniert nicht in meinem Code trotzdem thanku –

Wenn Sie auf der HTML-Feld nach rechts in der JSFIDDLE scrollen? @soumyapatel – Handsken

Entschuldigung..Ich habe dich nicht bekommen ?? Please..explain klar –

Floating Action-Taste funktioniert nicht?

Antwort

Verwandte Themen