[HTML / FF] scrollwheel in FF met div, overflow: auto

[Verwijderd]

Hallo allemaal,

Ik heb een div, die op overflow: auto staat. Hier staat een flinke lap tekst in, en ik heb hem op 300 pix height staan, dus er komt een scrollbar.

In IE kan ik dan gewoon met m'n scrollwheel van m'n muis in de div scrollen, net zoals op een normale pagina. In FireFox werkt dit echter niet

Is er er manier (JS/DHTML/?) waardoor dit wel kan? Ik heb al iets kunnen vinden met wheelDelta, maar het hoe en wat, en ook nog in combinatie met firefox....

Alvast bedankt,
Roemer

[:murb:]

Dit is een van die bugs die maar bleef doorzingen, maar in moz branche voor 1.8 issie er eindelijk uit... (firefox is op 1.7 gebasseerd)

[Verwijderd]

ja, is een bugje, mag wel eens opgelost worden overigens

wat je kan doen is een lege anchor in de div plaatsen en die focus geven als je met je muis over de div gaat ofzo, als iets focus heeft dan werkt de boel wel

[André]

Het kan met JS, ik heb wel een een script gemaakt waardoor het ook in FF werkt.

[Verwijderd]

Misschien een script request, maar ik vind het wel een toegestaane aangezien het hier om een FF bug gaat, maar wil je dat script delen André? Dat zou erg fijn zijn!

Roemer

@mophor: Dat werkt idd wel, maar dan deels. Als je na het scroller de muis beweegt, springt het de tekst/scroll weer terug naar de plek waar de anchor stond.


Helaas ben ik zelf niet zo'n JS wonder.... hints zijn natuurlijk ook welkom, ook al moeten het dan wel duidelijke hints zijn

[ Voor 46% gewijzigd door Verwijderd op 28-02-2005 12:10 ]

[André]

Roemer: ik heb even in mijn scripts gekeken maar ik heb me vergist. Ik heb ooit met wheelDelta een andere functionaliteit aan het scrollwieltje gegeven voor een website, maar dat was IE only. En dat was geen script dat het voor Mozilla oploste

/Edit:
Ik ben nog naar andere oplossingen gaan kijken maar dat wordt te veel werk. Je kunt de anchor wel dynamisch verplaatsen maar mooi is anders. Een andere oplossing is misschien een textarea zonder borders, die kun je wel scrollen:

code:

<textarea cols="50" rows="20" id="bla" readonly style="border: 0">
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut pellentesque, tellus non consectetuer semper, justo enim rutrum ante, sed euismod nibh urna in urna. Fusce sed justo ac pede interdum volutpat. Quisque convallis augue vel nibh. Nullam augue. Sed risus. Fusce porttitor congue tortor. In tincidunt ultrices ante. In hac habitasse platea dictumst. Morbi imperdiet quam non urna. Duis massa libero, sagittis quis, posuere ut, porttitor non, augue. Praesent interdum rhoncus arcu. Maecenas aliquet erat non lacus. Donec luctus rhoncus nibh. Sed facilisis faucibus mi. Maecenas neque tortor, elementum nec, tincidunt non, tristique quis, pede. Vestibulum sed elit. Nam sed justo. Nulla facilisi. Integer congue urna a elit. Sed pellentesque quam quis nulla.
  Integer tristique volutpat ligula. Quisque bibendum dictum diam. Donec pulvinar varius massa. Nam posuere est non pede. Vivamus ligula magna, tempor eget, pharetra a, placerat sed, ligula. Nullam blandit risus ut tellus. Vivamus mollis. Morbi tincidunt ullamcorper metus. Nulla a leo id purus dapibus interdum. Nulla purus. Fusce id ante ac elit vulputate luctus. Mauris dignissim, mauris non dapibus cursus, leo pede dapibus ligula, a congue enim nibh quis purus. Sed sit amet eros. Praesent blandit, diam eget aliquet ullamcorper, pede metus dignissim wisi, non fringilla risus pede sed metus. Morbi vitae velit et leo commodo ullamcorper. Nullam auctor, ipsum at fringilla vehicula, mi est sagittis tortor, ut pretium elit lacus ut ante. Pellentesque venenatis sodales justo. Aenean dapibus eros in tellus. Cras varius ultricies leo. Integer a elit nec dolor luctus tempor.
  Etiam venenatis auctor nisl. Praesent convallis. Vestibulum rhoncus consectetuer orci. Cras nec dui vitae leo tristique pretium. Nam lacus libero, lacinia non, condimentum vitae, interdum vel, est. Sed hendrerit leo vitae leo. Nunc eu magna. Cras blandit. Cras gravida, nulla a dictum volutpat, lectus augue condimentum magna, eget faucibus justo sem in ante. Nunc cursus. Duis dapibus enim. Morbi congue.
  Cras sodales. Aenean tincidunt, sem in sodales aliquet, orci est sagittis nunc, eu vestibulum eros nunc non tortor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam faucibus nulla et purus. Sed sed quam. Nunc quis dui vel wisi ornare faucibus. Proin pharetra bibendum nisl. Suspendisse mattis mi quis diam. Nullam gravida fringilla nibh. Quisque tellus diam, porta quis, porttitor in, viverra nec, lorem.
  Mauris eros neque, gravida sit amet, blandit in, auctor vel, libero. Donec nec arcu sit amet mauris porta facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Maecenas vehicula pharetra nunc. Proin nec wisi. Morbi convallis lectus a massa. Cras justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer risus. Suspendisse potenti. Integer pretium pulvinar ligula. Proin viverra arcu at mauris. Proin posuere sollicitudin nunc. Nulla facilisi. Nulla non magna. Phasellus molestie vulputate sem. Maecenas laoreet volutpat turpis.
</textarea>

[ Voor 90% gewijzigd door André op 28-02-2005 15:31 ]

[Verwijderd]

hmm....

Bedankt voor de moeite! Ik zal even gaan kijken wat nu heet meest practische is!

Roemer