Спасибо.
Подскажите, с помощью какого скрипта сделана прокрутка вверх стрелочкой на этом сайте v-kolpino.ru/ ?
Спасибо.
вынесите это в файл скрипта, и подключайте на страницу
(function($){ $(function(){ var e = $(".scrollTop"); var speed = 500; e.click(function(){ $("html:not(:animated)" +( !$.browser.opera ? ",body:not(:animated)" : "")).animate({ scrollTop: 0}, 500 ); return false; }); function show_scrollTop(){ ( $(window).scrollTop()>300 ) ? e.fadeIn(600) : e.hide(); } $(window).scroll( function(){show_scrollTop()} ); show_scrollTop(); }); })(jQuery)
jQuery(document).ready(function(){ /* функция определения отступа от верха документа до #topmenu */ function getScrollTop() { var scrOfY = 0; if( typeof( window.pageYOffset ) == "number" ) { //Netscape compliant scrOfY = window.pageYOffset; } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) { //DOM compliant scrOfY = document.body.scrollTop; } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) { //IE6 Strict scrOfY = document.documentElement.scrollTop; } return scrOfY; } /* пересчитываем отступ при прокрутке экрана */ jQuery(window).scroll(function() { fixPaneRefresh(); }); function fixPaneRefresh(){ if (jQuery("#topmenu").length) { var top = getScrollTop(); if (top < 102) jQuery("#topmenu").css("margin-top",102-top+"px"); /* 130 - это наш отступ */ else jQuery("#topmenu").css("margin-top","0"); } } });
.scrollTop { background: url("http://v-kolpino.ru/templates/compact/images/totop.png") no-repeat scroll 0 -45px transparent; bottom: 50px; display: block; height: 45px; position: fixed; right: 6%; width: 44px; z-index: 2000; } .scrollTop:hover { background-position: 0 0; }
<a class="scrollTop" href="#header" style="display: block;"></a>