Back to the top button

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: "Back to the top" button

Pytchoun asked 6 years ago

<div class="fixed-action-btn smooth-scroll" style="bottom: 45px; right: 24px;">
<a href="#top-section" class="btn-floating btn-large red">
<i class="fas fa-arrow-up"></i>
</a>
</div>

 

Hello how to make this button appear only if we are not at the top already ?

Bartłomiej Malanowski staff pro premium answered 6 years ago

Try this code: https://mdbootstrap.com/snippets/jquery/bartek-malanowski/232187 

MDBootstrap staff pro premium priority answered 4 years ago

Solution for the latest Bootstrap 5 and MDB 5: https://mdbootstrap.com/docs/standard/extended/back-to-top/

Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.5.15
  • Device: windwos
  • Browser: chrome
  • OS: windwos 10
  • Provided sample code: No
  • Provided link: No
Tags
button
Related topics
3
input type submit reacts only on double clic
2
Calendar buttons submit forms
1
Button autosize after animation
1
open select via button
1
Area not clickable because of the top button
About author
Pytchoun
222Support score
16Questions 14Answers
0Snippets likes 2Snippets