Flashhilfe.de - Flash Community

Smooth-scrolling Problem

 


AntwortenRegistrieren Seite1  

pat_and_nobody#1
Benutzerbild von pat_and_nobody
Beiträge: 478
Registriert: Aug 2007

12.05.2010, 08:34

Also ich verwende folgendes JS und jquery um einen solchen Smoothscroll Effekt zusammenzubringen. Nur er scrollt nicht. Er springt hart zum Ankerpunkt. Hab ich irgendwas übersehen... Jquery.js ist mit dem HTML verbunden und das folgende Script hab ich smoothscroll genannt. Ankerpunkte sehen so aus: <a name="top" id="top"></a>
Links sehen so aus: <a href="#about">About</a>

Als Doctype verwende ich zu Testzwecken den HTML5 <!doctype html>. An dem liegts aber nicht, habs schon mit XHTML Trans versucht.

ActionScript:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
// jQuery SmoothScroll | Version 10-04-30
$('a[href*=#]').click(function() {

  // duration in ms
  var duration=1000;

  // easing values: swing | linear
  var easing='swing';

  // get / set parameters
  var newHash=this.hash;
  var target=$(this.hash).offset().top;
  var oldLocation=window.location.href.replace(window.location.hash, '');
  var newLocation=this;

  // make sure it's the same location     
  if(oldLocation+newHash==newLocation)
  {
      // animate to target and set the hash to the window.location after the animation
      $('html:not(:animated),body:not(:animated)').animate({ scrollTop: target }, duration, easing, function() {

        // add new hash to the browser location
        window.location.href=newLocation;
      });

      // cancel default click action
      return false;
  }
});


Hat jemand Rat?
pat_and_nobody#2
Benutzerbild von pat_and_nobody
Beiträge: 478
Registriert: Aug 2007

Themenautor/in

13.05.2010, 08:09

Hat keiner eine Idee?
vindel#3
Benutzerbild von vindelFlashhilfe.de Moderator
Beiträge: 3000
Wohnort: Köln
Registriert: Oct 2007

13.05.2010, 11:05

Hallo,

ich selber arbeite lieber mit Prototype & script.aculo.us, da gibt es ne fertige Funktion für.. Deshalb kann ich deinen Code nciht prüfen - aber schau mal hier:
http://demos.flesler.com/jquery/scrollTo/
Das sieht doch verdammt nach dem aus, was du brauchst!
public Weltformel(Problem){
      if (Problem gelöst) return Lösung;
      else Weltformel(kleiners Problem);
}
pat_and_nobody#4
Benutzerbild von pat_and_nobody
Beiträge: 478
Registriert: Aug 2007

Themenautor/in

13.05.2010, 11:07

Danke, das hilft mir!!!

AntwortenRegistrieren Seite1  

Schnellantwort

Du musst registriert sein, um diese Funktion nutzen zu können.

 
Ähnliche Beiträge zum Thema
Partner Webseiten: art-and-law.de  Mediengestalter.info   phpwelt.de   Scubacube.de  
Haftungsausschluss   Datenschutzerklärung   Impressum
© 1999-2021 Sebastian Wichmann - Flashhilfe.de