[GastForen Programmierung/Entwicklung JavaScript js nur für iPhone und iPad

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

js nur für iPhone und iPad

The_C
Beiträge gesamt: 45

1. Aug 2011, 16:49
Beitrag # 1 von 2
Bewertung:
(1997 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,
da ich kein js experte bin wende ich mich mal an euch.
hab den ganzen tag nach einem brauchbarem js gesucht der das "position: fixed;" iphone problem behebt und wurde auch fündig... leider funktioniert es in meiner zusammensetzung nicht und weis aber nicht was falsch ist.
kann mir bitte jemand helfen und den code richtigstellen?
hier der code und schon mal danke für eure hilfe ; )

Code
<div id='fusszeile'> 
<script type="text/javascript">
function checkClient(){
if((navigator.userAgent.match(/iPhone/i))||
(navigator.userAgent.match(/iPod/i))){
window.onscroll = function() {
document.getElementById('fusszeile').style.top =
(window.pageYOffset + window.innerHeight - 60) + 'px';
}
}
}
</script>

X

js nur für iPhone und iPad

The_C
Beiträge gesamt: 45

1. Aug 2011, 21:53
Beitrag # 2 von 2
Beitrag ID: #477261
Bewertung:
(1968 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
scrypter aus den forum http://forum.jswelt.de/ hat mir mein problem behoben!
hier die lösung:

<head>
<meta content="text/html; charset=ISO-8859-15" http-equiv="content-type">
<title>iPhone detect</title>
<script type="text/javascript">
<!--
window.onresize = function(){
if (navigator.userAgent.match(/iP/)) {
document.getElementById('fusszeile').style.top = (window.pageYOffset + window.innerHeight - 60) + 'px';
window.onscroll = function() {
document.getElementById('fusszeile').style.top = (window.pageYOffset + window.innerHeight - 60) + 'px';
}
}
}
window.onload = function() {
if (navigator.userAgent.match(/iP/)) {
document.getElementById('fusszeile').style.top = (window.pageYOffset + window.innerHeight - 60) + 'px';
window.onresize();
}
}
//-->
</script>
<style type="text/css">
#fusszeile {
position: fixed;
}
</style>
</head>
<body>
<div id="fusszeile">fixierte Fusszeile</div>


als Antwort auf: [#477250]