Avatar billede learner Praktikant
27. februar 2012 - 09:24 Der er 13 kommentarer og
1 løsning

scroll i div virker ikke i android telefonens browser

Hejsa

Vedr denne side acbiludlejning.dk/?page_id=459

Når man kigger på en android telefon, så kan ma ikke scrolle i midterste div, som man ellers kan på en almindelig browser.

Jeg vil gerne have det til at virke i mobiltelefoner.

men hvordan?

klip af html:

<div id="content" class="narrowcolumn"><\div>

css:
#content {
    float: right;
    height: 430px;
    margin-top: 10px;
    overflow: auto;
    width: 480px;
}
Avatar billede learner Praktikant
27. februar 2012 - 09:43 #1
Hej jeg har fundet dette:
http://www.eksperten.dk/spm/958267

Men jeg synes ikke rigtig der er en simpel løsning.

Håber stadig nogen kan hjælpe :o)
Avatar billede The_Buzz Novice
27. februar 2012 - 09:45 #2
Bruger du seneste Jquery og eventuelle Jquery scripts på siden - eller har du eventuelt noget til at ligge der er for gammelt?
Avatar billede vagnk Juniormester
27. februar 2012 - 10:14 #3
Det link du har angivet går til samme/aktuelle spørgsmål. Det får ikke meget ud af.
Avatar billede learner Praktikant
27. februar 2012 - 10:44 #4
Buzz: jeg tror ikke det har noget med jquery at gøre. Kan ikke se hvordan det gør nogen forskel?

vagn: okay, men havd søren kan man så gøre ved det?

Man kan selvfølgelig droppe det scroll i midtersektionen, og så virker det i alle browsers, men ejeren vil så gerne have den midterste sektion kan scrolle. Og jeg kan jo godt lide at blive ved indtil det virker :o)
Avatar billede vagnk Juniormester
27. februar 2012 - 12:06 #5
En søgning på Eksperten med "android+div+scroll" gav 664 hits. Er det et af dem du forsøger at referere til i stedet for dit eget spørgsmål? Prøv selv at trykke på dit link.
Avatar billede olebole Juniormester
27. februar 2012 - 15:51 #6
<ole>

Det er et velkendt problem i WebKit mobilbrowsere. Jeg ved, at mange bruger denne løsning, men har endnu ikke selv haft brug for det

/mvh
</bole>
Avatar billede olebole Juniormester
27. februar 2012 - 15:52 #7
Ups ... der findes en nyere version  =)
Avatar billede learner Praktikant
01. marts 2012 - 12:58 #8
hmm er der nogen som har en løsning??
Avatar billede keysersoze Ekspert
01. marts 2012 - 13:03 #9
Hvad fejler løsningen fra olebole? overflow scroll/auto er ikke understøttet så du er nødt til at benytte javascript - og den givne løsning er netop meget touch-friendly.
Avatar billede learner Praktikant
01. marts 2012 - 14:07 #10
jeg forstår slet ikke det olebole skriver ;o)
så det er derfor jeg troede egentligt at det var en fejl han skrev
Avatar billede keysersoze Ekspert
01. marts 2012 - 14:39 #11
Det var/er ikke en fejl - som det er lige nu kan du ikke scrolle med CSS som du har sat det op. Det skal istedet løses med javascript som foreslået i den tutorial der henvises til - eller også skal du lave siden uden den form for scroll.
Avatar billede learner Praktikant
01. marts 2012 - 14:58 #12
ok mange tak det overvejer jeg lige. smid svar så går jeg selv videre.
Avatar billede learner Praktikant
16. april 2012 - 09:23 #13
Hejsa

Jeg løste problemet ved at oprette nogen specielle css class som kun bruges når det er en mobiltlf der er på besøg. Det fungerer upåklageligt.

Deriblandt noget i den her stil i php filerne i themet:
class="<?php if ($is_mobil){echo "contentmobil";}else{echo "content";} ?>"
Det var i disse filer: single.php sidebar.php search.php page.php links.php index.php archive.php


og dette i wp-config.php
efter
require_once(ABSPATH . 'wp-settings.php');

indsat:
// er det en mobiltelefon, så slår vi scroll fra og laver siden i fuld højde
$ua = getenv('HTTP_USER_AGENT');
if (   
    stristr($ua, "Windows CE") or
    stristr($ua, "Android") or
    stristr($ua, "Iphone") or
    stristr($ua, "AvantGo") or
    stristr($ua,"Mazingo") or
    stristr($ua, "Mobile") or
    stristr($ua, "T68") or
    stristr($ua,"Syncalot") or
    stristr($ua, "Blazer")
    ){
    $is_mobil=true;
}
//echo $ua; exit;
//$is_mobil=true;

Det er et wordpress som er installeret på sitet med redigeret prosumer theme
Avatar billede learner Praktikant
16. april 2012 - 09:24 #14
Jeg takker for Jeres hjælp og indlæg :o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester