Archief - scroll up probleem IE9

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
d

dask

Legacy Member
Ik heb een probleem met dit scriptje in IE9, de scroll functie werkt wel, maar de button is niet zichtbaar. In Firefox zie ik het zonder probleem.

Heeft er iemand een idee wat ik nog kan aanpassen in de CSS (.scrollUp {...} gedeelte) om het zichtbaar te maken?

ps:java settings zijn ingeschakeld in IE9


edit: Uiteindelijk heb ik gebruik gemaakt van een ander script dat zonder problemen werkt met ie en dergelijke:
http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm
b

bealzebub

Legacy Member
Volgens mij gaat je IE9 gewoon in quirks mode staan. Dat is omdat je geen doctype toevoegt gans bovenaan de HTML pagina.

Code: 
<!DOCTYPE html>

In quirks mode werkt position fixed nie.

Je moet eens kijken wat de "Browser / Document Mode" is als je de pagina rendert op IE9 via F12 om in de Developer Tools te komen. Als je Quirks ziet staan dan edde t vlaggen ;)
d

dask

Legacy Member
bealzebub zei:
Volgens mij gaat je IE9 gewoon in quirks mode staan. Dat is omdat je geen doctype toevoegt gans bovenaan de HTML pagina.

Code: 
<!DOCTYPE html>

In quirks mode werkt position fixed nie.

Je moet eens kijken wat de "Browser / Document Mode" is als je de pagina rendert op IE9 via F12 om in de Developer Tools te komen. Als je Quirks ziet staan dan edde t vlaggen ;)
Klik om te vergroten...
Als ik op F12 druk is is standaardinstelling voor IE9 reeds ingeschakeld, sluit ik het weer, zie ik het ineens wel werken.

Zou het kunnen komen doordat ik op de pagina eerst, een php file oproep ivm taalinstellingen:
Code: 
<?php
include_once 'common.php';
?>

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
b

bealzebub

Legacy Member
Ik ben niet zo voor PHP code tussen view code, maar soit&#8230; Tenzij het effectief iets in het document rendert, zou het niet mogen uitmaken.

Eerst een correctie: je XML namespace bij je html tag is invalid. HTML5 houdt het simpel: <html> en that's it.

Volgens mij is er toch iets fishy met de manier waarop je het probeert te doen. Begin eens met die opacity (als test) niet op nul te zetten, zodat je ziet wat IE9 doet (sorry, zit op Mac momenteel en geen goesting om in Bootcamp te rebooten of zelfs maar IE op te starten ;)). Je moet eerst bepalen of het geen rendering probleem is, CSS support (of juist niet) of misschien een probleem met opacity handling ofzo.

De reden waarom het na het sluiten van de developer tools het wel correct rendert is trouwens waarschijnlijk omdat er een page rerendering gebeurt op dat moment (da's niet hetzelfde als een page refresh). De parser doorloopt gans de stack en verslikt zich dan niet meer op wat je voorhebt bij initial load (wat het wel eens een race condition probleem zou kunnen maken).

Anyway, welcome to the world of IE, altijd een heel leuk aspect van webdevelopment ;)

P.S. Wat er mij trouwens aan doet denken, haal altijd je volledig gerenderde pagina eens door een validator. Zeker met IE vermijd je heel wat rare WTF momenten als je pagina op z'n minst volledig conform de HTML spec is. Google "html5 validator", der zijn der een paar die je kan gebruiken. En eigenlijk nog beter, zorgt dat je in één van je browsers een extensie gebruikt die het gewoon constant doet (eventueel met een switch ergens om het aan te zetten).
Geloof me: elke keer dat webontwikkelaar slordig zijn in hun code, vooral hun view code, gebeurt er dit.
b

bealzebub

Legacy Member
Waar ik juust aan begin te denken, laat ons eens van de veronderstelling uitgaan dat IE pas de window height kan berekenen als het window effectief gerenderd is. Dan is document.ready geen goeie oplossing. Wrap dat allemaal nog eens in een $(window).load en kijk eens of het dan nie werkt.
W

W0utR

Legacy Member
Wat zeggen de developer tools? Staat het element wel degelijk in de DOM, denk dat je dat best eerst even nakijkt.
Z

Zero Grav

Legacy Member
dask zei:
Als ik op F12 druk is is standaardinstelling voor IE9 reeds ingeschakeld, sluit ik het weer, zie ik het ineens wel werken.
Klik om te vergroten...

Dan is er mogelijk niets mis met uw code, maar bokt em gewoon op uw console.log. De console is in IE enkel beschikbaar als de developer tools actief staan, anders geeft em daar een foutmelding op.
d

dask

Legacy Member
bealzebub zei:
Eerst een correctie: je XML namespace bij je html tag is invalid. HTML5 houdt het simpel: <html> en that's it......

Volgens mij is er toch iets fishy met de manier waarop je het probeert te doen. Begin eens met die opacity (als test) niet op nul te zetten, zodat je ziet wat IE9 doet .......

Anyway, welcome to the world of IE, altijd een heel leuk aspect van webdevelopment ;)
Klik om te vergroten...
<html> aangepast

opacity in het script veranderd, button is dan heel de tijd zichtbaar, geen overgang meer

bealzebub zei:
P.S. Wat er mij trouwens aan doet denken, haal altijd je volledig gerenderde pagina eens door een validator. Zeker met IE vermijd je heel wat rare WTF momenten als je pagina op z'n minst volledig conform de HTML spec is....... En eigenlijk nog beter, zorgt dat je in één van je browsers een extensie gebruikt die het gewoon constant doet (eventueel met een switch ergens om het aan te zetten).
Geloof me: elke keer dat webontwikkelaar slordig zijn in hun code, vooral hun view code, gebeurt er dit.
Klik om te vergroten...
Ik ben nu bezig met het valideren. Er zitten nog wat foutjes in, het is in ieder geval een goed idee.
Momenteel is die IEtab-addon niet compatibel op 64bit in mijn waterfox, maar ik check het manueel op IE.

bealzebub zei:
Wrap dat allemaal nog eens in een $(window).load en kijk eens of het dan nie werkt.
Klik om te vergroten...
Ik heb het geprobeerd, de button is dan zichtbaar, maar geen beweging meer

W0utR zei:
Wat zeggen de developer tools? Staat het element wel degelijk in de DOM, denk dat je dat best eerst even nakijkt.
Klik om te vergroten...

Zero Grav zei:
Dan is er mogelijk niets mis met uw code, maar bokt em gewoon op uw console.log. De console is in IE enkel beschikbaar als de developer tools actief staan, anders geeft em daar een foutmelding op.
Klik om te vergroten...

Ik ben nu aan het uitzoeken hoe de developer tools in elkaar zit, en ik er wat nuttigs mee kan doen.
d

dJeez

Legacy Member
Haal sowieso ook lege regels boven je doctype weg (sowieso zou er geen output voor het doctype mogen staan), het zou mij niet verwonderen als IE daar ook over valt.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan