Hallo Leute
bin hier am üben.Bitte schaut euch mal den Code an ,ein fehler ist drin und ich finde in nicht.
die funktion ist, das man zum anker scrollt und wieder zurück nach oben, und auf dem weg nach oben bleibt die Seite bei 200 kurz stehen und dann springt sie ganz noch oben bei diesen Browsern, moz, ie und opera.????
sie sollte bei -200 stehen bleiben,und bei diesen browsern habe ich den text hinter der navigation stehen.
bei safri und crome funk es.
bitte um Hilfe.
gruss
Hier der code
mit diesen scrollen ich von oben nach unten
und wieder zurück nach oben
bin hier am üben.Bitte schaut euch mal den Code an ,ein fehler ist drin und ich finde in nicht.
die funktion ist, das man zum anker scrollt und wieder zurück nach oben, und auf dem weg nach oben bleibt die Seite bei 200 kurz stehen und dann springt sie ganz noch oben bei diesen Browsern, moz, ie und opera.????
sie sollte bei -200 stehen bleiben,und bei diesen browsern habe ich den text hinter der navigation stehen.
bei safri und crome funk es.
bitte um Hilfe.
gruss
Hier der code
HTML:
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
// jQuery laden
google.load("jquery", "1.3.2");
</script>
<!-- jQuery Code -->
<script type="text/javascript">
$(document).ready(function() {
// Alle internen Links auswählen
$('a[href*=#]').bind("click", function(event) {
// Standard Verhalten unterdrücken
event.preventDefault();
// Linkziel in Variable schreiben
var ziel = $(this).attr("href");
//Scrollen der Seite animieren, body benötigt für Safari
$('html,body').animate({
//Zum Ziel scrollen (Variable).offset().top
scrollTop: ($(ziel).offset().top - 200)
// Dauer der Animation und Callbackfunktion die nach der Animation aufgerufen wird, sie stellt das Standardverhalten wieder her und ergänzt die URL
}, 2000 , function (){location.hash = ziel;});
});
return false;
});
</script>
mit diesen scrollen ich von oben nach unten
HTML:
<li><a href="#anker11">news</a></li>
und wieder zurück nach oben
HTML:
<li id="anker11">
<h5>Eigenwerbung</h5>
<?php echo $news[11][0]; ?><br />
<a href="#top">Back to top</a></p>
<br />
</li>