დაყენების ინსტრუქცია: შედით სამართავ პანელში, დიზაინები, ქვემოთა მხარე საიტის და სულ ქვემოთ ჩასვით ქვემოთ მოყვანილი კოდი. სკრიპტი დატესტილია და 100% მუშაა
<script type="text/javascript" src="http://yastatic.net/jquery/2.1.3/jquery.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function($){ $('<style>'+ '.scrollTop{ display:none; z-index:9999; position:fixed;'+ 'bottom:20px; left:90%; width:88px; height:125px;'+ 'background:url(http://nifigas.ru/data/documents/arrow2.png) 0 0 no-repeat; }' + '.scrollTop:hover{ background-position:0 -133px;}' +'</style>').appendTo('body'); var speed = 550, $scrollTop = $('<a href="#" class="scrollTop">').appendTo('body'); $scrollTop.click(function(e){ e.preventDefault(); $( 'html:not(:animated),body:not(:animated)' ).animate({ scrollTop: 0}, speed ); }); //появление function show_scrollTop(){ ( $(window).scrollTop() > 330 ) ? $scrollTop.fadeIn(700) : $scrollTop.fadeOut(700); } $(window).scroll( function(){ show_scrollTop(); } ); show_scrollTop(); }); </script>
დააკოპირეთ
