` με την κλάση `btn btn-outline-success` και ένα `id` για το κουμπί "Επιστροφή στην κορυφή".
Κώδικας JavaScript:
Μέσα στο αρχείο JavaScript:
1. Αρχικοποιήστε το scrollspy με:
`` Javascript
$(συνάρτηση () {
$('[data-spy="scroll"]').scrollspy({
στόχος:'#navbarSupportedContent', // Αναγνωριστικό κοντέινερ πλοήγησης
μετατόπιση:25, // Μετατόπιση από πάνω σε pixel
});
});
```
2. Ομαλή κύλιση για το κουμπί "Επιστροφή στην κορυφή":
`` Javascript
$('#backToTop').κάντε κλικ(() => {
$('html, body').animate({
scrollTop:0,
}, 1500);
});
```
Θυμηθείτε να αντικαταστήσετε τα αναγνωριστικά και τους συνδέσμους με το πραγματικό σας περιεχόμενο.
Στυλ CSS (προαιρετικό):
Προσθέστε στυλ CSS όπως απαιτείται για τη γραμμή πλοήγησής σας, όπως μέγεθος γραμματοσειράς, padding κ.λπ.
Ακολουθώντας αυτά τα βήματα, θα έχετε δημιουργήσει μια πλοήγηση κύλισης Bootstrap 5 με σταθερή επάνω γραμμή πλοήγησης, ομαλή κύλιση και κουμπί "Επιστροφή στην κορυφή".