[JavaScript] Wie kann ich mit Javascript "Waagrecht Scrollen"

**penizillin** · 12.08.2007, 20:03

http://www.roe.ch/Standard,_nicht_Standart

http://de.selfhtml.org/javascript/ob....htm#scroll_to

**ministry** · 12.08.2007, 20:04

- ein Container mit overflow:hidden
- Navigation darin absolut positionieren
- bei klick auf Bilder: x-Position anpassen.

Edit: mit scrollTo kann man nur im normalen Fenster bzw. in Frames scrollen. Nicht in "eigenen" Elementen.

**ZombieChe** · 12.08.2007, 20:05

Na klar,
JavaScript:ScrollBy
hilft dir, zu scrollen.
ViewPort Eigenschaften
helfen dir evtl. auch weiter, beim bestimmen von Fenstergrößen.

Jetzt könntest du ein Onclick Event auslösen, das scrollBy um ein soundsovielste der Fensterhöhe/-breite...naja, der Rest sollte klar sein...

edit: wow, 3 Posts in 3 Minuten^^

**powermax90** · 12.08.2007, 20:10

Danke für eure Zahlreichen Antworten, ich meinte da eher so was nur horizontal:

http://home.arcor.de/abecker/test.html

Könnt ihr vielleicht dazu was sagen?

mfg

**powermax90** · 12.08.2007, 21:50

warum sagt denn keiner mehr was?

**ZombieChe** · 12.08.2007, 23:02

ma nich so eilig hier^^

Das nötige Handwerkszeug wurde dir jetzt gegeben. Wenn du Fragen hast, stell diese ein wenig konkreter. Wenn du ein fertiges Script suchst, dann sag das und ich bin sicher, ein freundlicher Mod wird diesen Thread in die entsprechende Area verschieben

Horizontales Scrollen funktioniert mit den genannten Funktionen genauso gut wie vertikales Scrollen.

**powermax90** · 12.08.2007, 23:38

ja das mag sein, ist warscheinlich auch so aber ich bin in Javascript so wenig bewandert wie ein Frosch fliegen kann... vielleicht wäre es besser das in die "projekthilfe" zu verschieben da ich ja folgendes bräcuhte:

und schon 7 Stunden damit zugebrracht habe sachen uimzubauen usw.

Ein horizontales Scrollfeld (200px beispielsweise) und links und rechts zwei knöpfe zum scrollen ...

ich hab zwar schon duzende gefunden, die das haben , aber alle sind für mich sau schwer und deshalb bin ich schon fast am verzweifeln...

**ZombieChe** · 13.08.2007, 01:56

wenn das man einfach genug ist (scrollTo und scrollBy scheinen tatsächlich nur für das gesamt Fenster zu gelten, also nehme man scrollLeft bzw. scrollTop):

PHP-Code:


<html>  

 <head>    

  <title></title>  

  <script type="text/javascript">

     function scroll(x){

        var container = document.getElementById('container');

        container.scrollLeft += x;

    }



  </script>

       

 </head>  

 <body>

  <div id="container"

style="width:500px; height:400px; margin:auto; overflow:hidden; border:1px solid black;">

   <div style="width:700px;"><!--simuliere Textüberhang-->

    TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST

    TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST

    TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST

    </div>

  </div>

  <p style="text-align:center;">

   <a href="javascript:scroll(-10)">links</a>

   <span style="width:400px;">

   <a href="javascript:scroll(10)">rechts</a>

 </body>

</html>

btw: wieso trennt das Forum denn jetzt das Wort javascript? muss natürlich zusammen geschrieben werden...

[JavaScript] Wie kann ich mit Javascript "Waagrecht Scrollen"