webForumDet fria alternativet

Scrollbar i en annan frame, möjligt?

JavaScript

25 svar · 784 visningar · startad av ampy · sida 2 av 2

Frågan, av ampy

Är det möjligt att placera en scrollbar i en annan frame-ruta? Har illustrerat hur jag har tänkt det, se bifogad fil.

Läs frågan i sin helhet →
Medlem sedan okt. 200112 inlägg
#21

Då förstår jag varför du behöver använda detta.

I MSIE6 finns det ett event som hanterar mushjulet, tror det heter typ onmousewheel (???), men det finns inte i mozilla.

Går det inte att göra så att du faktiskt har en scrollbar i den frame som ska scrollas också, men att du döljer den? Kommer inte på vilken css-inställning, men det är ju bara att prova. Alternativt kan du dölja själva scrollen bakom ett lager som täcker över den. Då skulle det alltså finnas två scrollar som kontrollerar samma frame, men bara en som syns. Den dolda skulle då ta hand om mushjulet helt automatiskt medan den synliga ger feedback och möjlighet till drag-scroll.

Det kan ju fungera... Vet att jag lekt med tanken tidigare. Problemet är väl det där med att täcka över själva scrollen, det kanske inte passar i din layout.

Medlem sedan feb. 20011 498 inlägg
#22

När jag försöker lägga ett lager över scrollbaren så läggs den under. Går det inte att lägga lagret över?

Medlem sedan jan. 20016 874 inlägg
#23

nä, inte vad jag vet.

Medlem sedan okt. 200112 inlägg
#24

ampy skrev:

När jag försöker lägga ett lager över scrollbaren så läggs den under. Går det inte att lägga lagret över?

Ja det går, använd z-index. Exempel:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>iframe</title>
<style type="text/css">
#iframe {
   position:absolute;
   left:100px; 
   top:100px; 
   width:150px; 
   height:150px; 
   z-index:0;
   overflow:scroll;
}

#layer {
   position:absolute; 
   left:235px; 
   top:100px; 
   width:30px; 
   height:160px; 
   background-color:blue; 
   z-index:1;
}
</style>
</head>
<body>
<iframe src="foo.html" id="iframe"></iframe>
<div id="layer"></div>
</body>
</html>
Medlem sedan feb. 20011 498 inlägg
#25

Du har inte lagret i samma fil som självaste scrollen befinner sig i.

I ditt exempel befinner sig scrollen i foo.html och lagret i exemplet.

Kolla min bifogade fil så ser du att lagret hamnar under scrollen då jag har allt på samma sida.

Medlem sedan jan. 2004527 inlägg
#26

Annars kan du ju alltid göra en liten scroll-flash-film. som styr frame 1.

256 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
123 ms — deklarationer (db)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)