Webboard

Pełna wersja: Powrót na górę strony - jak zrobić powolne przejście?
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB:1.6.11
adres forum:http://stylernia.esy.es/test
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

poszukuje skryptu i opisu instalacji go na łagody powrót na góre strony, w samym html juz mam ale brzydko to wyglada. Potrzebuje JQery
Do footer dodajesz na początku:
Kod PHP:
<script type="text/javascript">
jQuery.noConflict();
jQuery(function($) {
$(
"#backtop").hide();
  $(
window).scroll(function () {
    if ($(
this).scrollTop() > 400) {
      $(
'#backtop').fadeIn(200);
    } else {
      $(
'#backtop').fadeOut(200);
    }
  });
  $(
'.go-top').click(function () {
    $(
'html,body').animate({
      
scrollTop0
    
}, 1000);
    return 
false;
  });
});
</
script

To, tam gdzie ma być obrazek strzałki.
Kod PHP:
<div id='backtop'
 <
class='go-top' href='#top' title='Powrót do góry'><img src="{$theme['imgdir']}/scrolltotop.png" /></a
 </
div

Do CSS
Kod PHP:
#backtop {
    
positionfixed;
    
bottom20px;
        
left489px;
    
margin0;
    
padding0;
    
width45px;
    
height45px;
    
z-index1000;
        
opacity0.8;


Zobacz u mnie jak to działa.
nie dziala to dobrze, jest troche lepiej niz bylo ale nadal za szybko

a i jeszcze bym chcial aby pokazywalo to sie jak u ciebie, dopiero gdy zjade troche na dół strony
Co nie działa? Przecież to skrypt z mojej strony.
Za szybko? Zmień 1000 na więcej.
400 to wysokość od której ma się pokazać znaczek.
Nie pamiętam, dawno to dodałem.
no to tak: to moj footer teraz:
Kod:
<script type="text/javascript">
jQuery.noConflict();
jQuery(function($) {
$("#backtop").hide();
  $(window).scroll(function () {
    if ($(this).scrollTop() > 600) {
      $('#backtop').fadeIn(200);
    } else {
      $('#backtop').fadeOut(200);
    }
  });
  $('.go-top').click(function () {
    $('html,body').animate({
      scrollTop: 0
    }, 500);
    return false;
  });
});
</script>
<br />
        <hr class="hidden" />
            <div id="copyright">
                <div id="debug"><debugstuff></div>
        
{$lang->powered_by} <a href="http://mybb.com/" target="_blank">MyBB{$mybbversion}</a>, &copy; 2002-{$copy_year} <a href="http://mybb.com/" target="_blank">MyBB Group</a>.<br />
                <br />
<br class="clear" />
<div id="stopka"></div>
        </div>
        </div>
to dodalem do css
Kod:
#backtop {
    position: fixed;
    bottom: 20px;
        left: 489px;
    margin: 0;
    padding: 0;
    width: 45px;
    height: 45px;
    z-index: 1000;
        opacity: 0.8;
}
A to do HTML
Kod:
<div id='backtop'>
<a class='go-top' href='#top' title='Powrót do góry'><img src="http://iv.pl/images/08628783895655417991.png" id="foto" /></a>
</div>