amiga-news ENGLISH VERSION
.
Links| Forum| Kommentare| News melden
.
Chat| Umfragen| Newsticker| Archiv
.

amiga-news.de Forum > Programmierung > in <div> scrollen? [ - Suche - Neue Beiträge - Registrieren - Login - ]

-1- [ - Beitrag schreiben - ]

05.08.2006, 12:46 Uhr

Jinx
Posts: 2077
Nutzer
grüße! gibt es eine möglichkeit, den inhalt eines div-layers zu scrollen? bisher habe ich das mit einem iframe innerhalb des divs gemacht, aber so das wahre ist das nicht, finde ich. also gibts da ne chance?
--
eMail: TheJinx@web.de
Homepage: http://www.TheJinx.de
Tales of Tamar-Seite: http://www.eonwes-halle.de

[ - Antworten - Zitieren - Direktlink - ]

05.08.2006, 13:06 Uhr

AvE
Posts: 654
Nutzer
@Jinx:

Man kann bei DIV-Containern das Überlaufverhalten anpassen, sofern der Inhalt größer ist als die Containerdimensionen. Das zuständige Attribut nennt sich "overflow". Dessen Option "scroll" würde eine Scrolleisten erzwingen.

code:
overflow:scroll;


--
AvE

[ Dieser Beitrag wurde von AvE am 05.08.2006 um 13:06 Uhr geändert. ]

[ - Antworten - Zitieren - Direktlink - ]

05.08.2006, 13:08 Uhr

Jinx
Posts: 2077
Nutzer
scroll-leisten will ich eben gerade nicht, ich habe dazu 2 hübsche buttons, die den inhalt weiterscrollen. wird mit javascript gemacht.
--
eMail: TheJinx@web.de
Homepage: http://www.TheJinx.de
Tales of Tamar-Seite: http://www.eonwes-halle.de

[ - Antworten - Zitieren - Direktlink - ]

05.08.2006, 13:14 Uhr

AvE
Posts: 654
Nutzer
Zitat:
Original von Jinx:
scroll-leisten will ich eben gerade nicht, ich habe dazu 2 hübsche buttons, die den inhalt weiterscrollen. wird mit javascript gemacht.


Ähm, Deine Frage war aber, ob es möglich ist, in DIVs zu scrollen, und dafür benötigt man im Normalfall Scrolleisten. I-)

"hidden" würde den übergroßen Inhalt abschneiden. Kommt natürlich darauf an, was Dein JavaScript eigentlich macht ...

--
AvE

[ Dieser Beitrag wurde von AvE am 05.08.2006 um 13:49 Uhr geändert. ]

[ - Antworten - Zitieren - Direktlink - ]

05.08.2006, 15:10 Uhr

Jinx
Posts: 2077
Nutzer
im moment ist es so: der bereich, der gescrollt werden soll, liegt in einem iframe. bei dem iframe werden die scroll-leisten unterdrückt. dafür habe ich 2 kleine buttons, die den inhalt des iframes seitenweise weiterscrollen lassen (das macht eben dieses javascript). da das mit den iframes aber bisschen umständlich ist, such ich nen weg das nur mit nem div zu bewerkstelligen.. falls es eben geht :)
--
eMail: TheJinx@web.de
Homepage: http://www.TheJinx.de
Tales of Tamar-Seite: http://www.eonwes-halle.de

[ - Antworten - Zitieren - Direktlink - ]

05.08.2006, 19:31 Uhr

Holger
Posts: 8116
Nutzer
html code:
...

<script type="text/javascript">
var pos=0, height=200;
function nextPage()
{
  pos-=height;
  document.getElementById('toScroll').style.top=pos+"px";
}
function prevPage()
{
  pos+=height;
  document.getElementById('toScroll').style.top=pos+"px";
}
</script>

</head>
<body>
...
<div
 style="position:absolute;top:100px;left:100px;width:300px;height:200px;overflow:hidden;">
<div id="toScroll" style="position:absolute;top:0px">
<!-- hier kommt der scrollbare Inhalt -->
</div>
</div>

...

Kontrolliert wird die Postion über das style.top Attribut des Elements #toScroll, wobei negative Werte nach unten scrollen (das Objekt bewegt sich nach oben, der sichtbare Ausschnitt nach unten). Man muss beim Skript natürlich die entsprechende Variable anpassen, wenn man die Höhe des sichtbaren Bereiches ändert (über das äußere div), außerdem sollte man natürlich noch ein disablen beim Erreichen des Endes einbauen. Dazu muss man aber die Gesamtegröße des Inhalts (Anzahl der Seiten) kennen.

mfg
--
Good coders do not comment. What was hard to write should be hard to read too.

[ - Antworten - Zitieren - Direktlink - ]

05.08.2006, 20:03 Uhr

Jinx
Posts: 2077
Nutzer
ah, verstehe... ich verschachtele also 2 divs ineinander und bewege den inneren auf und ab.. klar, denn der bewegt sich relativ zum äußeren und erweckt somit den scrolleindruck. da hätt ich ja mal selber drauf kommen können... ist auf jeden fall genau was ich gesucht hab, besten dank!

nur mit dem disable muss ich mir was einfallen lassen... evtl. ist dann ein iframe doch die bessre wahl, der stoppt automatisch wenn schluss ist.
--
eMail: TheJinx@web.de
Homepage: http://www.TheJinx.de
Tales of Tamar-Seite: http://www.eonwes-halle.de

[ - Antworten - Zitieren - Direktlink - ]

09.08.2006, 23:51 Uhr

Jinx
Posts: 2077
Nutzer
ich habs nun doch mit iframes gebaut, aber es funktioniert gut. wer mag kann ja mal reinschauen: http://www.thejinx.de
--
eMail: TheJinx@web.de
Homepage: http://www.TheJinx.de
Tales of Tamar-Seite: http://www.eonwes-halle.de

[ - Antworten - Zitieren - Direktlink - ]


-1- [ - Beitrag schreiben - ]


amiga-news.de Forum > Programmierung > in <div> scrollen? [ - Suche - Neue Beiträge - Registrieren - Login - ]


.
Impressum | Datenschutzerklärung | Netiquette | Werbung | Kontakt
Copyright © 1998-2024 by amiga-news.de - alle Rechte vorbehalten.
.