ObjectOne > CSS > Простая кнопка вверх вариант-2
Простая кнопка вверх вариант-2
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<style> #toTop{ width: 50px; position: fixed; bottom: 20px; right: 20px; background: url("img/toTop.png") no-repeat; cursor: pointer; width: 56px; height: 56px; display: none; } </style> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<script> $(function(){ $(window).scroll(function(){ if($(this).scrollTop() != 0){ $('#toTop').fadeIn(); }else{ $('#toTop').fadeOut(); } }); $('#toTop').click(function(){ $('body,html').animate({scrollTop:0},800); }); }); </script> |
|
1 2 3 |
<!-- --> <div id="toTop" style="display: none;"></div> <!-- --> |
Количество просмотров: 489
| Категория: CSS, HTML, JavaScript
| Тэги: JavaScript / jQuery
