xxxxxxxxxx1
<div class="container">2
3
4
<div class="fixed-action-btn smooth-scroll d-none" style="bottom: 45px; right: 24px;">5
<a href="#top-section" id="mybutton" class="btn-floating btn-large red">6
<i class="fa fa-arrow-up"></i>7
</a>8
</div>9
<br>10
<br>11
<h2 id="top-section" class="text-xs-center">Section with an ID <code>#top-section</code></h2>12
<hr>13
<h3>Scroll down and click the button</h3>14
<br>15
16
17
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt fugit atque nesciunt aperiam? Error enim sit vitae tempore ullam, commodi a repudiandae necessitatibus! Nihil ex illo ipsa ipsum dolorum et.</P>18
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt fugit atque nesciunt aperiam? Error enim sit vitae tempore ullam, commodi a repudiandae necessitatibus! Nihil ex illo ipsa ipsum dolorum et.</P>19
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt fugit atque nesciunt aperiam? Error enim sit vitae tempore ullam, commodi a repudiandae necessitatibus! Nihil ex illo ipsa ipsum dolorum et.</P>20
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt fugit atque nesciunt aperiam? Error enim sit vitae tempore ullam, commodi a repudiandae necessitatibus! Nihil ex illo ipsa ipsum dolorum et.</P>21
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt fugit atque nesciunt aperiam? Error enim sit vitae tempore ullam, commodi a repudiandae necessitatibus! Nihil ex illo ipsa ipsum dolorum et.</P>22
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt fugit atque nesciunt aperiam? Error enim sit vitae tempore ullam, commodi a repudiandae necessitatibus! Nihil ex illo ipsa ipsum dolorum et.</P>23
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt fugit atque nesciunt aperiam? Error enim sit vitae tempore ullam, commodi a repudiandae necessitatibus! Nihil ex illo ipsa ipsum dolorum et.</P>24
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt fugit atque nesciunt aperiam? Error enim sit vitae tempore ullam, commodi a repudiandae necessitatibus! Nihil ex illo ipsa ipsum dolorum et.</P>25
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt fugit atque nesciunt aperiam? Error enim sit vitae tempore ullam, commodi a repudiandae necessitatibus! Nihil ex illo ipsa ipsum dolorum et.</P>26
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt fugit atque nesciunt aperiam? Error enim sit vitae tempore ullam, commodi a repudiandae necessitatibus! Nihil ex illo ipsa ipsum dolorum et.</P>27
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt fugit atque nesciunt aperiam? Error enim sit vitae tempore ullam, commodi a repudiandae necessitatibus! Nihil ex illo ipsa ipsum dolorum et.</P>28
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt fugit atque nesciunt aperiam? Error enim sit vitae tempore ullam, commodi a repudiandae necessitatibus! Nihil ex illo ipsa ipsum dolorum et.</P>29
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt fugit atque nesciunt aperiam? Error enim sit vitae tempore ullam, commodi a repudiandae necessitatibus! Nihil ex illo ipsa ipsum dolorum et.</P>30
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt fugit atque nesciunt aperiam? Error enim sit vitae tempore ullam, commodi a repudiandae necessitatibus! Nihil ex illo ipsa ipsum dolorum et.</P>31
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt fugit atque nesciunt aperiam? Error enim sit vitae tempore ullam, commodi a repudiandae necessitatibus! Nihil ex illo ipsa ipsum dolorum et.</P>32
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt fugit atque nesciunt aperiam? Error enim sit vitae tempore ullam, commodi a repudiandae necessitatibus! Nihil ex illo ipsa ipsum dolorum et.</P>33
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt fugit atque nesciunt aperiam? Error enim sit vitae tempore ullam, commodi a repudiandae necessitatibus! Nihil ex illo ipsa ipsum dolorum et.</P>34
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt fugit atque nesciunt aperiam? Error enim sit vitae tempore ullam, commodi a repudiandae necessitatibus! Nihil ex illo ipsa ipsum dolorum et.</P>35
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt fugit atque nesciunt aperiam? Error enim sit vitae tempore ullam, commodi a repudiandae necessitatibus! Nihil ex illo ipsa ipsum dolorum et.</P>36
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt fugit atque nesciunt aperiam? Error enim sit vitae tempore ullam, commodi a repudiandae necessitatibus! Nihil ex illo ipsa ipsum dolorum et.</P>37
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt fugit atque nesciunt aperiam? Error enim sit vitae tempore ullam, commodi a repudiandae necessitatibus! Nihil ex illo ipsa ipsum dolorum et.</P>38
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt fugit atque nesciunt aperiam? Error enim sit vitae tempore ullam, commodi a repudiandae necessitatibus! Nihil ex illo ipsa ipsum dolorum et.</P>39
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt fugit atque nesciunt aperiam? Error enim sit vitae tempore ullam, commodi a repudiandae necessitatibus! Nihil ex illo ipsa ipsum dolorum et.</P>40
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt fugit atque nesciunt aperiam? Error enim sit vitae tempore ullam, commodi a repudiandae necessitatibus! Nihil ex illo ipsa ipsum dolorum et.</P>41
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt fugit atque nesciunt aperiam? Error enim sit vitae tempore ullam, commodi a repudiandae necessitatibus! Nihil ex illo ipsa ipsum dolorum et.</P>42
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt fugit atque nesciunt aperiam? Error enim sit vitae tempore ullam, commodi a repudiandae necessitatibus! Nihil ex illo ipsa ipsum dolorum et.</P>43
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt fugit atque nesciunt aperiam? Error enim sit vitae tempore ullam, commodi a repudiandae necessitatibus! Nihil ex illo ipsa ipsum dolorum et.</P>44
45
</div>46
1
1
xxxxxxxxxx1
$(window).scroll(function(){2
let shouldBeVisible = $(window).scrollTop()>900;3
if (shouldBeVisible) {4
$('#mybutton').parent().removeClass('d-none');5
} else {6
$('#mybutton').parent().addClass('d-none');7
}8
}); Console errors: 0