Comments on: Scrolling with JavaScript http://knoxmic.net/scrolling-with-javascript/ Just another WordPress weblog Thu, 19 Mar 2009 21:31:02 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Darky http://knoxmic.net/scrolling-with-javascript/comment-page-1/#comment-23253 Darky Wed, 17 Dec 2008 13:53:43 +0000 http://knoxmic.net/test/#comment-23253 OK, habe nun auch dafür eine einfache Lösung gefunden: Einfach eine rechts ausgerichtete table in den content-Bereich legen ;-) Vielleicht hilft das anderen ja auch noch. Danke nochmal für dieses tolle Script! OK, habe nun auch dafür eine einfache Lösung gefunden: Einfach eine rechts ausgerichtete table in den content-Bereich legen ;-)
Vielleicht hilft das anderen ja auch noch.

Danke nochmal für dieses tolle Script!

]]> By: Darky http://knoxmic.net/scrolling-with-javascript/comment-page-1/#comment-23250 Darky Wed, 17 Dec 2008 13:40:19 +0000 http://knoxmic.net/test/#comment-23250 OK, ich habe herausgefunden, wie man das horizontale Scrollen einstellt: Ich habe die Links von srollObject.start zu srollObject.startX gändert - nun geht es :-) Allerdings wird jetzt scheinbar unendlich nach links gescrollt :-( Gibt es eine Möglichkeit, dass Script so einzustellen, dass es nicht mehr scrollt, wenn kein Inhalt mehr kommt? OK, ich habe herausgefunden, wie man das horizontale Scrollen einstellt: Ich habe die Links von srollObject.start zu srollObject.startX gändert – nun geht es :-)
Allerdings wird jetzt scheinbar unendlich nach links gescrollt :-( Gibt es eine Möglichkeit, dass Script so einzustellen, dass es nicht mehr scrollt, wenn kein Inhalt mehr kommt?

]]> By: Darky http://knoxmic.net/scrolling-with-javascript/comment-page-1/#comment-23243 Darky Wed, 17 Dec 2008 10:47:25 +0000 http://knoxmic.net/test/#comment-23243 Danke für dieses Script! Ich versuche damit einen horizontalen Scoller zu bauen, was mir aber nicht gelingt. Mir ist nicht klar wie "über zwei unterschiedliche Methoden jeweils ein Scrolling entlang der X- bzw. Y-Achse realisiert werden" kann? Muss man im javascript dafür einen Schalter umlegen, oder wie genau macht man das? Für einen kleinen Tip bin ich dankbar :-) Danke für dieses Script!
Ich versuche damit einen horizontalen Scoller zu bauen, was mir aber nicht gelingt. Mir ist nicht klar wie “über zwei unterschiedliche Methoden jeweils ein Scrolling entlang der X- bzw. Y-Achse realisiert werden” kann?
Muss man im javascript dafür einen Schalter umlegen, oder wie genau macht man das?
Für einen kleinen Tip bin ich dankbar :-)

]]> By: Java Script Scroller - jswelt - Forum (Javascript, PHP, MySQL, AJAX, Webdesign) http://knoxmic.net/scrolling-with-javascript/comment-page-1/#comment-18438 Java Script Scroller - jswelt - Forum (Javascript, PHP, MySQL, AJAX, Webdesign) Tue, 09 Sep 2008 17:06:50 +0000 http://knoxmic.net/test/#comment-18438 [...] dann mal Dein Anliegen nach so einem Scroller Google anvertraut. Unter den Beispielen war dieser Scroller, der auch mit Doctype funktioniert. Beispielseite ist dort dabei. Was die Zukunft betrifft, [...] [...] dann mal Dein Anliegen nach so einem Scroller Google anvertraut. Unter den Beispielen war dieser Scroller, der auch mit Doctype funktioniert. Beispielseite ist dort dabei. Was die Zukunft betrifft, [...]

]]> By: Falko http://knoxmic.net/scrolling-with-javascript/comment-page-1/#comment-7845 Falko Wed, 27 Jun 2007 17:31:38 +0000 http://knoxmic.net/test/#comment-7845 Hallo! Ich bin nach einer bald ewigen Suche nach einen geeigneten Script für eine JS-Scrollbar auf Ihre Lösung gefunden und bin richtig begeistert davon. Ich habe auch schon ein wenig damit rumexperimentiert, da ich noch nicht allzuviel Kenntnisse im Umgang von JS habe. Ich bin nun an einem Punkt angekommen, wo ich nicht weiter weiß. http://falkonien.de/scroll/example.html Ich möchte gern die beiden Scrollpfeile auf der rechten Seite positionieren. Einer oben und einer unten. Ich habe dies versucht, indem ich für beide Pfeile jeweils einen neuen div erstellt habe um sie zu positioniern. Leider hat dies nicht funktioniert. Ich weiß das dies kein Forum ist, aber hätten Sie vielleicht eine Lösung für mein Problem??? Grüße, Falko Behr Hallo!

Ich bin nach einer bald ewigen Suche nach einen geeigneten Script für eine JS-Scrollbar auf Ihre Lösung gefunden und bin richtig begeistert davon. Ich habe auch schon ein wenig damit rumexperimentiert, da ich noch nicht allzuviel Kenntnisse im Umgang von JS habe. Ich bin nun an einem Punkt angekommen, wo ich nicht weiter weiß.

http://falkonien.de/scroll/example.html

Ich möchte gern die beiden Scrollpfeile auf der rechten Seite positionieren. Einer oben und einer unten. Ich habe dies versucht, indem ich für beide Pfeile jeweils einen neuen div erstellt habe um sie zu positioniern. Leider hat dies nicht funktioniert.

Ich weiß das dies kein Forum ist, aber hätten Sie vielleicht eine Lösung für mein Problem???

Grüße,
Falko Behr

]]> By: Niels http://knoxmic.net/scrolling-with-javascript/comment-page-1/#comment-7228 Niels Wed, 09 May 2007 12:45:00 +0000 http://knoxmic.net/test/#comment-7228 Hallo! Super Script, einfach und unkompliziert einzubinden, genau das was ich gesucht habe. Leider habe ich einen Bug unter Opera gefunden, mit dem Demotext funktioniert es einwandfrei, aber wenn der Text länger ist ruckelt die Seite und unter der Seite ist jede Menge leer, bei kurzen Text nicht. Hat man sich ganz nach unten gescrollt kann man sich ohne diese Probleme wieder hoch und runterscrollen. Im IE und FF läuft es hingegen mit jeder Textlänge einwandfrei. Wie kann man das denn lösen? Wäre für jede Hilfe zur Lösung dankbar, gerne auch per Mail. Danke im vorraus. Grüße Niels Hallo!

Super Script, einfach und unkompliziert einzubinden, genau das was ich gesucht habe. Leider habe ich einen Bug unter Opera gefunden, mit dem Demotext funktioniert es einwandfrei, aber wenn der Text länger ist ruckelt die Seite und unter der Seite ist jede Menge leer, bei kurzen Text nicht. Hat man sich ganz nach unten gescrollt kann man sich ohne diese Probleme wieder hoch und runterscrollen. Im IE und FF läuft es hingegen mit jeder Textlänge einwandfrei.

Wie kann man das denn lösen? Wäre für jede Hilfe zur Lösung dankbar, gerne auch per Mail. Danke im vorraus.

Grüße

Niels

]]> By: markus http://knoxmic.net/scrolling-with-javascript/comment-page-1/#comment-7034 markus Thu, 26 Apr 2007 07:03:59 +0000 http://knoxmic.net/test/#comment-7034 ein nettes feature wäre ein scrollbar zusätzlich bzw. anstelle der pfeile. würde im moment sowas suchen für horizontales scrollen ;) viele grüße markus ein nettes feature wäre ein scrollbar zusätzlich bzw. anstelle der pfeile. würde im moment sowas suchen für horizontales scrollen ;)

viele grüße
markus

]]> By: Ronny Engelmann http://knoxmic.net/scrolling-with-javascript/comment-page-1/#comment-708 Ronny Engelmann Wed, 08 Nov 2006 19:29:55 +0000 http://knoxmic.net/test/#comment-708 Ich habe das Skript abgeändert und dem Post angefügt. Mit <a href="/scripts/scroll_xy.js" rel="nofollow">scroll_xy.js</a> kann über zwei unterschiedliche Methoden jeweils ein Scrolling entlang der X- bzw. Y-Achse realisiert werden. <br /> Die beiden Methoden lauten startX() und startY(). <div class="javascript" style="white-space: nowrap;border: 1px dotted #a0a0a0; font-family: 'Courier New', Courier, monospace; font-size: 110%; background-color: #f0f0f0; margin: 0; line-height: 110%; padding: 0;color: #000099;"><ol><li class="li1"><div class="de1"><span class="kw1">this</span>.<span class="me1">startX</span> = <span class="kw2">function</span><span class="br0">(</span>x<span class="br0">)</span> <span class="br0">{</span></div></li> <li class="li1"><div class="de1">  <span class="kw1">this</span>.<span class="me1">scrollTimer</span> = window.<span class="me1">setInterval</span><span class="br0">(</span></div></li> <li class="li1"><div class="de1">    <span class="kw2">function</span><span class="br0">(</span><span class="br0">)</span> <span class="br0">{</span> self.<span class="me1">scrollX</span><span class="br0">(</span>x<span class="br0">)</span>; <span class="br0">}</span>, <span class="nu0">1</span> <span class="br0">)</span>;</div></li> <li class="li1"><div class="de1"><span class="br0">}</span>;</div></li> <li class="li1"><div class="de1"> </div></li> <li class="li1"><div class="de1"><span class="kw1">this</span>.<span class="me1">startY</span> = <span class="kw2">function</span><span class="br0">(</span>y<span class="br0">)</span> <span class="br0">{</span></div></li> <li class="li1"><div class="de1">  <span class="kw1">this</span>.<span class="me1">scrollTimer</span> = window.<span class="me1">setInterval</span><span class="br0">(</span></div></li> <li class="li1"><div class="de1">    <span class="kw2">function</span><span class="br0">(</span><span class="br0">)</span> <span class="br0">{</span> self.<span class="me1">scrollY</span><span class="br0">(</span>y<span class="br0">)</span>; <span class="br0">}</span>, <span class="nu0">1</span> <span class="br0">)</span>;</div></li> <li class="li1"><div class="de1"><span class="br0">}</span>;</div></li></ol></div> Ich habe das Skript abgeändert und dem Post angefügt. Mit scroll_xy.js kann über zwei unterschiedliche Methoden jeweils ein Scrolling entlang der X- bzw. Y-Achse realisiert werden.

Die beiden Methoden lauten startX() und startY().

  1. this.startX = function(x) {
  2.   this.scrollTimer = window.setInterval(
  3.     function() { self.scrollX(x); }, 1 );
  4. };
  5.  
  6. this.startY = function(y) {
  7.   this.scrollTimer = window.setInterval(
  8.     function() { self.scrollY(y); }, 1 );
  9. };
]]> By: Dietmar http://knoxmic.net/scrolling-with-javascript/comment-page-1/#comment-700 Dietmar Tue, 07 Nov 2006 20:09:36 +0000 http://knoxmic.net/test/#comment-700 Habe es jetzt einmal so realisiert. Scheint auch zu funktionieren... Sollte man es so belassen? Vielen Dank im Voraus! <div class="javascript" style="white-space: nowrap;border: 1px dotted #a0a0a0; font-family: 'Courier New', Courier, monospace; font-size: 110%; background-color: #f0f0f0; margin: 0; line-height: 110%; padding: 0;color: #000099;"><ol><li class="li1"><div class="de1"><span class="kw2">var</span> srollObject_y = <span class="kw2">null</span>;</div></li> <li class="li1"><div class="de1"><span class="kw2">var</span> srollObject_x = <span class="kw2">null</span>;</div></li> <li class="li1"><div class="de1"> </div></li> <li class="li1"><div class="de1"><span class="kw2">function</span> initPage<span class="br0">(</span><span class="br0">)</span> <span class="br0">{</span></div></li> <li class="li1"><div class="de1">  <span class="kw2">var</span> objElement = document.<span class="me1">getElementById</span><span class="br0">(</span><span class="st0">'content_y'</span><span class="br0">)</span>;</div></li> <li class="li1"><div class="de1">  srollObject_y = <span class="kw2">new</span> <span class="kw3">scroll</span><span class="br0">(</span>objElement, <span class="nu0">150</span><span class="br0">)</span>;  </div></li> <li class="li1"><div class="de1">                        </div></li> <li class="li1"><div class="de1"> <span class="kw2">var</span> objElement = document.<span class="me1">getElementById</span><span class="br0">(</span><span class="st0">'content_x'</span><span class="br0">)</span>;</div></li> <li class="li1"><div class="de1"> srollObject_x = <span class="kw2">new</span> scroll_h<span class="br0">(</span>objElement, <span class="nu0">400</span><span class="br0">)</span>;</div></li> <li class="li1"><div class="de1"><span class="br0">}</span></div></li></ol></div> Ich habe auch einmal eine höhere Geschwindigkeit speziel für "onmousedown" eingestellt. Hier scheint es dann Probleme zu geben, wenn anschließend die "Gegenrichtung" betätigt wird (keine Reaktion mehr). Habe es jetzt einmal so realisiert. Scheint auch zu funktionieren… Sollte man es so belassen? Vielen Dank im Voraus!

  1. var srollObject_y = null;
  2. var srollObject_x = null;
  3.  
  4. function initPage() {
  5.   var objElement = document.getElementById(‘content_y’);
  6.   srollObject_y = new scroll(objElement, 150); 
  7.                        
  8.  var objElement = document.getElementById(‘content_x’);
  9.  srollObject_x = new scroll_h(objElement, 400);
  10. }

Ich habe auch einmal eine höhere Geschwindigkeit speziel für “onmousedown” eingestellt. Hier scheint es dann Probleme zu geben, wenn anschließend die “Gegenrichtung” betätigt wird (keine Reaktion mehr).

]]> By: Ronny Engelmann http://knoxmic.net/scrolling-with-javascript/comment-page-1/#comment-698 Ronny Engelmann Tue, 07 Nov 2006 16:51:47 +0000 http://knoxmic.net/test/#comment-698 Du könntest zwei unterschiedliche Klassen generieren, zum Beispiel "scroll_y" und "scroll_x". Oder über einen Parameter die Klasse steuern und den Parameter dementsprechend beim Aufruf der Methode mit angeben: <div class="javascript" style="white-space: nowrap;border: 1px dotted #a0a0a0; font-family: 'Courier New', Courier, monospace; font-size: 110%; background-color: #f0f0f0; margin: 0; line-height: 110%; padding: 0;color: #000099;"><ol><li class="li1"><div class="de1">srcollObject.<span class="me1">start</span><span class="br0">(</span><span class="st0">'x'</span>, <span class="nu0">-4</span><span class="br0">)</span></div></li></ol></div> Du könntest zwei unterschiedliche Klassen generieren, zum Beispiel “scroll_y” und “scroll_x”.

Oder über einen Parameter die Klasse steuern und den Parameter dementsprechend beim Aufruf der Methode mit angeben:

  1. srcollObject.start(‘x’, -4)
]]>