Webboard

Pełna wersja: Plynne przewijanie top
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.6.8
adres forum: http://apk-forum.tk
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Na moim forum w stopce jest taka strzalka do przewijania na gore strony.
Co zrobic zeby gdy w nia kliknie to tak plynnie mi przewijalo na sam poczatek.

Zeby przewijalo tak jak tu
http://support.hpbf.pl
Do Szablony niezgrupowane -> headerinclude dodaj:

Kod PHP:
    $('a.toTop').click(function () {
        $(
'body,html').animate({
            
scrollTop0
        
}, 800);
        return 
false;
    }); 

Następnie otwórz Stopka->footer:

Kod PHP:
<a href="#top"

zamień na:

Kod PHP:
<class="toTop" href="#top"
Nie działa.
Gdy dodałem to wyskoczyło mi:

[Obrazek: fQK46.png]
xD
Kod PHP:
$('a.toTop').click(function () {
        $(
'body,html').animate({
            
scrollTop0
        
}, 800);
        return 
false;
    }); 
zamień na:
Kod PHP:
<script type="text/javascript">
    $(
'a.toTop').click(function () {
        $(
'body,html').animate({
            
scrollTop0
        
}, 800);
        return 
false;
    }); </
script
Również nie działa :/
Dodaje mój footer moze w tym problem.
Kod:
<br />
            
        <hr class="hidden" />
            <div style="height:55px" id="copyright">
                <!-- MyBB is free software developed and maintained by a volunteer community.
                     It would be much appreciated by the MyBB Group if you left the full copyright and "powered by" notice intact,
                     to show your support for MyBB.  If you choose to remove or modify the copyright below,
                     you may be refused support on the MyBB Community Forums.
                    
                     This is free software, support us and we'll support you. -->
<div class="bottommenu">
                <div>
                 <span class="smalltext"><br/><a href="{$mybb->settings['bburl']}/misc.php?action=syndication">{$lang->bottomlinks_syndication}</a>  | <a href="<archive_url>">{$lang->bottomlinks_litemode}</a></span>

                </div>
            </div>
<span class="smalltext">{$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 />
                <!-- End powered by -->
                Design by <a href="http://mybb.ro/baltzatu-u-565.html">Baltzatu</a> modified by <a href="http://apk-forum.tk">Keitha</a></span>
<div style="text-align:center;width:50px;margin: 0 auto;margin-top:-33px;"><a href="#top"><img src="images/upp.PNG" alt="Przejdź na górę" title="Przejdź na górę" border="0" onmouseover="this.src = 'images/upn.PNG'" onmouseout="this.src = 'images/upp.PNG'" /></a></div>
              </div>

<br class="clear" />
<!-- The following piece of code allows MyBB to run scheduled tasks. DO NOT REMOVE -->{$task_image}<!-- End task image code -->
{$auto_dst_detection}
        </div>
        </div></p>
Kod PHP:
<div style="text-align:center;width:50px;margin: 0 auto;margin-top:-33px;"><a href="#top"><img src="images/upp.PNG" alt="Przejdź na górę" title="Przejdź na górę" border="0" onmouseover="this.src = 'images/upn.PNG'" onmouseout="this.src = 'images/upp.PNG'" /></a></div
Zamień na:
Kod PHP:
<div style="text-align:center;width:50px;margin: 0 auto;margin-top:-33px;"><class="toTop" href="#top"><img src="images/upp.PNG" alt="Przejdź na górę" title="Przejdź na górę" border="0" onmouseover="this.src = 'images/upn.PNG'" onmouseout="this.src = 'images/upp.PNG'" /></a></div
Po za tym ;
Kod PHP:
<a name="top" id="top"></a
masz umieszczone na wysokości nawigacji także do nawigacji będzie tylko przewijać.
Zmieniłem i znów to samo.
Jak klikne w ten guzik to tylko przerzuca mnie a ja chciałbym tak płynnie ...
To co mam zrobić żeby przewijało na samą góre a nie tylko do nawigacji ?

Dodam ze teraz na index wogóle przewijanie nie działa.
Zmienić położenie
Kod PHP:
<a name="top" id="top"></a
Dać przed logiem (szablon header), a przed nawigacją wykasować.
Zmieniłem teraz na samą góre przewija tylko jeszcze żeby płynnie przewijało...