Прокрутка вверх

 
Посетитель
small user social cms
Медаль
Сообщений: 525
Подскажите, с помощью какого скрипта сделана прокрутка вверх стрелочкой на этом сайте http://v-kolpino.ru/ ?
Спасибо.
Посетитель
no avatar
Сообщений: 28
Search:

Подскажите, с помощью какого скрипта сделана прокрутка вверх стрелочкой на этом сайте http://v-kolpino.ru/ ?
Спасибо.

вынесите это в файл скрипта, и подключайте на страницу
Код JS:
  1.  
  2. (function($){
  3. $(function(){
  4. var e = $(".scrollTop");
  5. var speed = 500;
  6.  
  7. e.click(function(){
  8. $("html:not(:animated)" +( !$.browser.opera ? ",body:not(:animated)" : "")).animate({ scrollTop: 0}, 500 );
  9. return false;
  10. });
  11.  
  12. function show_scrollTop(){
  13. ( $(window).scrollTop()>300 ) ? e.fadeIn(600) : e.hide();
  14. }
  15. $(window).scroll( function(){show_scrollTop()} ); show_scrollTop();
  16. });
  17.  
  18. })(jQuery)
  19.  
так же на странице добавьте
Код JS:
  1.  
  2. jQuery(document).ready(function(){
  3. /* функция определения отступа от верха документа до #topmenu */
  4. function getScrollTop() {
  5. var scrOfY = 0;
  6. if( typeof( window.pageYOffset ) == "number" ) {
  7. //Netscape compliant
  8. scrOfY = window.pageYOffset;
  9. } else if( document.body
  10. && ( document.body.scrollLeft
  11. || document.body.scrollTop ) ) {
  12. //DOM compliant
  13. scrOfY = document.body.scrollTop;
  14. } else if( document.documentElement
  15. && ( document.documentElement.scrollLeft
  16. || document.documentElement.scrollTop ) ) {
  17. //IE6 Strict
  18. scrOfY = document.documentElement.scrollTop;
  19. }
  20. return scrOfY;
  21. }
  22. /* пересчитываем отступ при прокрутке экрана */
  23. jQuery(window).scroll(function() {
  24. fixPaneRefresh();
  25. });
  26.  
  27. function fixPaneRefresh(){
  28. if (jQuery("#topmenu").length) {
  29. var top = getScrollTop();
  30. if (top < 102) jQuery("#topmenu").css("margin-top",102-top+"px"); /* 130 - это наш отступ */
  31. else jQuery("#topmenu").css("margin-top","0");
  32. }
  33. }
  34.  
  35. });
  36.  
Код CSS:
  1.  
  2. .scrollTop {
  3. background: url("http://v-kolpino.ru/templates/compact/images/totop.png") no-repeat scroll 0 -45px transparent;
  4. bottom: 50px;
  5. display: block;
  6. height: 45px;
  7. position: fixed;
  8. right: 6%;
  9. width: 44px;
  10. z-index: 2000;
  11. }
  12. .scrollTop:hover {
  13. background-position: 0 0;
  14. }
  15.  
Код HTML:
  1. <a class="scrollTop" href="#header" style="display: block;"></a>
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.