Hallo,
auf meiner Website besteht der Fehler, dass alle mit JavaScript geschriebenen Scripts nicht richtig funktionieren.
Beispielsweise werden die Facebook-Like buttons gar nicht angezeigt, die Div der classe "cont" wird immer angezeigt (sollte nicht) und die Div namens "totop" wird NUR angezeigt wenn man ganz oben ist.(Sollte eben andersherum sein)
Allerdings bestehen diese Fehler ausschließlich im Firefox. In Chrome funktioniert alles einwandfrei.
Hier mal der Code:
HTML
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="styles/hover.css" rel="stylesheet" />
<link href="styles/high-res.css" rel="stylesheet" />
<link href="styles/font-awesome.min.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<title>Test</title>
<script src="js/visibility/jquery.visible.js" type="text/javascript"></script>
<script src="js/smoothscroll.js" type="text/javascript"></script>
<script src="js/nachunten.js" type="text/javascript"></script>
</head>
<body id="top">
<a href="#top" title="Zum Seitenanfang"><div class="totop fa fa-chevron-up"></div></a>
<a href="http://link"><div class="cont">Zum Link</div></a>
<div id="mask"></div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.6";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<footer>
<div class="copyright">
<p>© <?php echo date("Y") ?> fabian heinz webdesign</p>
<div class="fb-like" data-href="https://facebook.com/Linkundso" data-layout="button" data-action="like" data-show-faces="true" data-share="true"></div>
</div>
<ul>
<li title="Zur Facebook-Seite"><a href="https://facebook.com/Linkundso" style="margin-top: -22.5px"><span class="facebook-hover social-roll"></span></a></li>
<li class="hvr-underline-from-center"><a href="#" id="data" title="Datenschutzerklärung">Datenschutz</a></li>
<li class="hvr-underline-from-center"><a href="#" id="impre" title="Rechtliches">Impressum</a></li>
</ul>
</footer>
</body>
</html>
Alles anzeigen
Hier die Smoothscroll.js, welche für oben genannte Funktionen zuständig ist:
JavaScript
$(document).ready( function() {
$('a[href^=#]').on('click', function(e){
var href = $(this).attr('href');
$('html, body').animate({
scrollTop:$(href).offset().top - 69
},'slow');
e.preventDefault();
});
$(window).scroll(function() {
if ( $(window).width() < 480) {
$(".cont").hide();
$(".totop").hide();
}
else { $(".cont").show(); }
if($("body").scrollTop() == 0) {
$(".totop").hide();
} else { $(".totop").show(); };
});
});
Alles anzeigen