Нашла для себя идеальный вариант - напишу, может кому пригодится. Кнопочка получается отличная с плавной прокруткой.
Вот это нужно вставить в Мета-теги:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script> $(document).ready(function(){ // спрятать #back-top в начале $("#back-top").hide(); // показать #back-top $(function () { $(window).scroll(function () { if ($(this).scrollTop() > 100) { $('#back-top').fadeIn(); } else { $('#back-top').fadeOut(); } }); // прокрутить плавно тело документа к 0px при нажатии $('#back-top a').click(function () { $('body,html').animate({ scrollTop: 0 }, 800); return false; }); }); }); </script>
Этот кусочек - в установку счётчиков:
<p id="back-top"> <a href="#" id="toTop"></a> </p>
А вот это уже вписать в CSS:
#toTop { position:fixed; z-index:9999; bottom:10px; right:10px; background: url('ВАША КАРТИНКА') no-repeat; width: 74px; height: 64px; border: none; padding: 5px; cursor: pointer; color: transparent; text-decoration: none; }
Я не знаю, насколько это правильный код, но он у меня заработал сразу с той картинкой, которую хотелось.
|