Glyphicon nicht einbindbar?

Ich bin momentan dabei ein Glyphicon für die Scroll2Top Funktion einzubinden, was mir jedoch absolut nicht gelingt. Das Glyphicon "glyphicon glyphicon-arrow-up " soll anstelle des "Nach oben" angezeigt werden, ich finde jedoch keinerlei Lösung wie ich das realisieren kann. Auch wenn das wahrscheinlich ein total einfaches Problem ist, hoffe ich das mir da jemand helfen kann.

Der hier verwendete Code

<html> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <style> body{ height:1000px; } #back-to-top { position: fixed; font-size:50px; bottom:20px; right:20px; padding:1em; } </style> </head> <body> <a name="top">1</a> <script> $(document).ready(function(){ var back_to_top_button = '<a href="#top" class="glyphicon glyphicon-circle-arrow-up" id="back-to-top"></a>'; $("body").append(back_to_top_button); $("#back-to-top").hide(); $(window).scroll(function () { if ($(this).scrollTop() > 100) { $('#back-to-top').fadeIn(); } else { $('#back-to-top').fadeOut(); } }); $('#back-to-top').click(function () { $('html , body').animate({scrollTop: 0}, 1000); }); }); </script> </body> </html>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!