Scrollen beenden

Dieses Thema Scrollen beenden im Forum "Webentwicklung, Hosting & Programmierung" wurde erstellt von knuddlmauz, 20. Aug. 2005.

Thema: Scrollen beenden Hallo :) Also..Mein Problem ist, dass ich auf einer Internetseite eine HP erstellen möchte. Dort benutze ich dieses...

  1. Hallo :)
    Also..Mein Problem ist, dass ich auf einer Internetseite eine HP erstellen möchte.
    Dort benutze ich dieses Ankerverzeichnis.
    Aber ich möchte die einzelnen Bereiche, auf die verlinkt wird in einem Scrollfenster haben..Allerdings soll des so sein, dass ich bloß zum nächsten Thema komme, wenn ich auf den entsprechenden Link klicke..Also nicht, dass ich einfach weiterscrollen kann zum nächsten. Kann mir jemand sagen wie das geht? :)

    Ich hoffe ihr versteht mich ^^

    MfG Kari

    [blue]Verschoben aus Anwendungsentwicklung & Scripting[/blue]
     
  2. Ähh, häh ?
    Sorry, aber da komm ich nicht mit.....

    Cheers,
    Joshua
     
  3. Code:
    <head>
    <title>Blos->n Beispiel</title>
    <script language=javascript type=text/javascript>
    function MM_findObj(n, d) { //v4.01
     var p,i,x; if(!d) d=document; if((p=n.indexOf(?))>0&&parent.frames.length) {
      d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
     if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
     for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
     if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    function DisplayLayer(l, a) {
    obj = MM_findObj(l);
    if(a ==->show') obj.style.display =->block';
    else obj.style.display =->none';
    }
    </script>
    <style type=text/css>
    .kapitel {
    	overflow:scroll;
    	width:450px;
    	height:400px;
    	background-color:#CCCCCC;
    }
    </style>
    </head>
    
    <body>
    <p><a href=javascript:; onClick=DisplayLayer('kapitel_1',->show'); DisplayLayer('kapitel_2',->hide'); DisplayLayer('kapitel_3',->hide'); DisplayLayer('kapitel_4',->hide')><strong>Kapitel 1</strong></a></p>
    <p><a href=javascript:; onClick=DisplayLayer('kapitel_1',->hide'); DisplayLayer('kapitel_2',->show'); DisplayLayer('kapitel_3',->hide'); DisplayLayer('kapitel_4',->hide')><strong>Kapitel 2</strong></a></p>
    <p><a href=javascript:; onClick=DisplayLayer('kapitel_1',->hide'); DisplayLayer('kapitel_2',->hide'); DisplayLayer('kapitel_3',->show'); DisplayLayer('kapitel_4',->hide')><strong>Kapitel 3</strong></a></p>
    <p><a href=javascript:; onClick=DisplayLayer('kapitel_1',->hide'); DisplayLayer('kapitel_2',->hide'); DisplayLayer('kapitel_3',->hide'); DisplayLayer('kapitel_4',->show')><strong>Kapitel 4</strong></a></p>
    <hr />
    <div class=kapitel id=kapitel_1 style=display:inherit >
    <h1>Kapitel 1</h1>
    <p>Testzeile Kapitel 1</p><p>Testzeile Kapitel 1</p><p>Testzeile Kapitel 1</p><p>Testzeile Kapitel 1</p><p>Testzeile Kapitel 1</p><p>Testzeile Kapitel 1</p>
    <p>Testzeile Kapitel 1</p><p>Testzeile Kapitel 1</p><p>Testzeile Kapitel 1</p><p>Testzeile Kapitel 1</p><p>Testzeile Kapitel 1</p><p>Testzeile Kapitel 1</p>
    <p>Testzeile Kapitel 1</p><p>Testzeile Kapitel 1</p><p>Testzeile Kapitel 1</p><p>Testzeile Kapitel 1</p><p>Testzeile Kapitel 1</p><p>Testzeile Kapitel 1</p>
    <p>Testzeile Kapitel 1</p><p>Testzeile Kapitel 1</p><p>Testzeile Kapitel 1</p><p>Testzeile Kapitel 1</p><p>Testzeile Kapitel 1</p><p>Testzeile Kapitel 1</p>
    </div>
    <div class=kapitel id=kapitel_2 style=display:none >
    <h1>Kapitel 2</h1>
    <p>Testzeile Kapitel 2</p><p>Testzeile Kapitel 2</p><p>Testzeile Kapitel 2</p>
    </div>
    <div class=kapitel id=kapitel_3 style=display:none >
    <h1>Kapitel 3</h1>
    <p>Testzeile Kapitel 3</p><p>Testzeile Kapitel 3</p><p>Testzeile Kapitel 3</p>
    </div>
    <div class=kapitel id=kapitel_4 style=display:none >
    <h1>Kapitel 4</h1>
    <p>Testzeile Kapitel 4</p><p>Testzeile Kapitel 4</p><p>Testzeile Kapitel 4</p>
    </div>
    </body>
    </html>
    
    ;D ;D ;D ;D ;D
     
  4. Ja genau so meinte ich das :)
    Dankeschön :)
     
  5. Jetzt habe ich noch eine Frage..Wie kann ich das Styling von diesem Ankerverzeichnis ändern und meinen Wünschen anpassen? ô.ô'
     
  6. Code:
    ......
    ......
    <style type=text/css>
    .kapitel {
    	overflow:scroll;
    	width:450px;
    	height:400px;
    	background-color:#CCCCCC;
    }
    .inhalt {
    	color:blaslilagelbgetupft;
    	font-size:riesig;
    	font-weight:ziemlich-dick;
    }
    </style>
    ......
    ......
    <p><a class=inhalt href=javascript:; onCl..............
    ......
    
     
Die Seite wird geladen...

Scrollen beenden - Ähnliche Themen

Forum Datum
Welches ist das letzte kaufbare Office und Fehler beim Scrollen in Word: Text verdoppelt sich Microsoft Office Suite 14. Juli 2016
Scrollen von Webseiten ruckelt Web-Browser 16. März 2010
Nach Neuaufsetzung kein Ruhezustand mehr möglich / Scrollen erfolgt "abgehackt" Windows XP Forum 16. Aug. 2009
Mausrad-Scrollen funktioniert nicht mehr Windows Vista Forum 4. Mai 2009
Suche Screen Capture für Scrollen des ganzen Windows Software: Empfehlungen, Gesuche & Problemlösungen 23. Nov. 2007