Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: Iframe ilman scrollbaria?

Sivun loppuun

Tumca [18.11.2007 20:10:36]

#

Normaalisti iframessahan on sivussa scrollbaari.
Kuinka saisi toteutettua iframen niin, että vain hiiren rullalla voisi
scrollata iframea? Eli iframen scrollbar olisi piilotettu.

Olisiko kellään heittää linkkiä tai esimerkkiä kuinka tämmöinen olisi
mahdollista toteuttaa ?

Blaze [18.11.2007 20:16:51]

#

Mut entäs jos on hiiri, jossa ei oo rullaa?

tsuriga [18.11.2007 20:36:41]

#

Highlight / Page Down / Down. Mutta että iframe?:p

Merri [18.11.2007 20:57:08]

#

IFRAME:ssa ladattavan sivun HTML:ään pistää vaan overflow : hidden; sekä body- että html-elementeille, niin pitäisi alkaa näyttää halutunlaiselta.

Tosin, tuollaisen vain-rulla-skrollin tekeminen on vähän siinä ja siinä... ehkä saman tiedon voisi jakaa välilehdiksi, jos kerran skrollia ei tahdota näkyville? Käytettävyysongelma tulee kuitenkin jokatapauksessa kun sen skrollin ottaa pois ja sisältö on silti skrollautuvaa.

Tumca [18.11.2007 22:19:57]

#

Merri kirjoitti:

IFRAME:ssa ladattavan sivun HTML:ään pistää vaan overflow : hidden; sekä body- että html-elementeille, niin pitäisi alkaa näyttää halutunlaiselta.

Tosin, tuollaisen vain-rulla-skrollin tekeminen on vähän siinä ja siinä... ehkä saman tiedon voisi jakaa välilehdiksi, jos kerran skrollia ei tahdota näkyville? Käytettävyysongelma tulee kuitenkin jokatapauksessa kun sen skrollin ottaa pois ja sisältö on silti skrollautuvaa.

Sain piilotettua iframesta scrollbarin, mutta edelleenkään framea ei voi scrollata
hiiren rullalla?

peg [18.11.2007 22:50:24]

#

auttaako scrolling="yes"

Merri [19.11.2007 03:44:33]

#

Oookei, no sitten teet siihen vielä absoluuttisesti sijoitellun divin, korkeus ja leveys 100%, jolle annat arvot overflow-x : none; overflow-y : scroll; ja sitten heität sen oikeaan reunaan tarpeeksi paddingia, jolloin vierityspalkki katoaa näkyviltä. Pitänee tosin olla Strict DOCTYPE, jotta tämä toimii.

Kikka mikä kikka, eli sen vierityspalkin pitää olla siellä ja riittävällä sisennyksen lisäämisellä (joka kasvattaa koko elementin leveyttä) pitäisi saada aikaan piilotus.

Ruutuasetuksista, käyttiksestä ja selaimesta riippuen vierityspalkki voi sitten olla suht leveäkin.

peg [19.11.2007 09:57:16]

#

Onkin mielenkiintoinen, miten tämän saa toimimaan sekä ff ja ie selaimilla.

Merri [19.11.2007 13:21:52]

#

Jaa? Emmää ainakaan näe ongelmaa sen suhteen, etteikö saisi. Enemmän on kysymysmerkki Opera ja Safari ja niiden tuki overflow-x:n ja overflow-y:n suhteen, ne kun ovat Microsoftin keksintöjä (joskin tällä kertaa jopa varsin järkeviä semmoisia). Firefoxin muistelisin noita tukeneen.

Tumca [19.11.2007 16:25:33]

#

Ongelma ratkaistu seuraavan scriptin avulla; http://adomas.org/javascript-mouse-wheel/


Sivun alkuun

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta