Scrollen in internet explorer

Door Crispijn - op 20-09-2008 17:00

1.001 views

Beste mensen,

Ik ben bezig met een nieuwe portfolio site en nu heb ik daar zelf een scroll scriptje voor geschreven. Het is allemaal nog in ontwikkel fase maar is al wel te zien op

http://webdevelopment.vervandekade.nl/cases/vervandekade/portfolio.php

Nu heb ik het volgende: In Firefox (en ik ga vanuit safari, opera en chrome) werkt het wel netjes, in IE 6 en 7 natuurlijk niet. Probleem is dat je totaal 4,5 regels moet kunnen zien. Hier kan je netjes naar toe scrollen (en anders de licht gele balkes gebruiken boven het portfolio vak) In IE kan ik maar 1 keer naar beneden scrollen en dan houd 't op. Hoe kan dit precies? Iemand oplossingen?

Dit heb ik zoals jullie wellicht kunnen zien gefixt met mootools en werkt op basis van de margin-top.

Eddy E

20-09-2008 17:09

Geinig gedaan.
Wat mij opviel:

<div class="portf_item" alt="pde"><a href="#"><img src="images/contest.png" alt="Design Contest" /></a></div>

Waarom voor ieder plaatje een div maken? Dat is helemaal niet nodig (zowel niet voor css als niet voor javascript).

Ik heb niet veel verstand van Javascript, maar het lijkt mij (omdat het wel 1x werkt!) het script daarna stopt.

Je zou (mijn inziens) de if (event.wheel >= 0) { 1 niveau hoger moeten plaatsen. Dus NIET in $('portfolio').addEvent('mousewheel', function(event) {.
Nu voeg je een Event toe bij mousewiel, maar ik denk dat je beter met het muiswiel kan starten (of die omhoog of omlaag gaat) en DAN pas die addEvent() moet uitvoeren.
Wellicht heb ik het totaal mis, maar het zou kunnen natuurlijk.

Crispijn -

20-09-2008 23:50

Nee, dat heb je mis. Draaien aan je scrollwheel is een event. Net zoals event click. Ik kijk of hij naar boven of naar beneden gaat of het groter of gelijk is an 0, en zo weet ik of ik naar boven of naar beneden moet. Dit komt direct van de mootools site en kan niet in een andere constructie mijns inziens.

Ieder plaatje in een div heb ik bewust gekozen omdat ik dan nog iets in het divje kan zetten. Wellicht een datum of een icoontje over het bestand dat ik wil laten zien. Iig ben ik nog wat flexibeler met de verdere opmaak.

Nog meer suggesties, iemand?

PHP Newbie

21-09-2008 00:28

Even over de site zelf, geef de bezoeker even de indruk dat er gescrollt kan worden, als ik dit zo zie verwacht ik niet dat er nog wat onder zit ;-)

Idee is erg mooit verder

Crispijn -

21-09-2008 20:55

Klopt, ik moet er indd nog wat duidelijker aangeven dat er meer is. Daar ben ik nog niet helemaal aan toe gekomen.

Prioriteit heeft het scrollen. Heeft iemand nog ideeën hierover?

Crispijn -

23-09-2008 20:14

Iemand nog een idee voor mijn scroll probleem?

Jan Koehoorn

23-09-2008 22:00

Eens met PHP Newbie. Het duurde even voordat ik doorhad dat er überhaupt gescrolld kan worden. Voor wat betreft het scrollen: fouten in IE komen nog wel eens door fouten in je CSS. Je hebt dit:


#col2{
    float: left
    width: 200px;
}

Daar mist dus een puntkomma.

Crispijn -

24-09-2008 13:01

Hmm, ik heb alles valid gemaakt. Krijg alleen door een mootool voor de youtube filmpjes de html niet helemaal valid.

Probleem nog niet opgelost...

Iemand anders nog briljante ideeën?

Crispijn -

28-09-2008 22:40

Helemaal niemand???

Jan Koehoorn

28-09-2008 22:51

Ik zou eens wat stoeien met verschillende DOCTYPES. Alle fouten zitten nu in de links en daar doe je weinig aan, die zijn zo. Hoogstens kun je er nog urlencode overheen gooien.

- -

29-09-2008 08:20

Crispijn, hoe wil je dit gaan oplossen als de bezoeker geen scrollwiel heeft? Zoiezo is het niet te zien dat je kunt scrollen, zet dat daaronder en maak bijv. twee extra knoppen met pijltjes zodat je altijd ook nog zo kunt scrollen.

Reageren

Inloggen om te reageren