Hello!

I love your plugin! My question is how do you make the onclick even work with wordpress?

I actually found this http://designm.ag/tutorials/single-page-dynamic-website-using-animatescrolljs/

but cant get it to work

Thanks

When i have async attributes in js and jquery won't load before animatescrol, it throws an Uncaught ReferenceError error: jQuery is not defined at js / animatescroll.min.js: 2 and the script stops working. When the user tries to use the navigation later only errors pops up: Uncaught TypeError: $ ( ...). animatescroll is not a function at HTMLAnchorElement.onclick.

Hi! Great plugin, especially for its simplicity!

I have a small problem or am I doing something wrong. I have a script to keep the DIV where I have the navigation, always at the top of the window, when I scroll, I need to always leave space for that div. Then I thought using the padding option, however it only works on the second click. The first click it scroll to the exact position of the element, and only when I give another click is that it sets the padding. I try to invoke the function that keeps my navigation on top with the option "onScrollEnd", but it didn't work either.

It is normal behavior, or should be something else? Thank you very much! Jose

Instead of

<a onclick="$('[jquery selector]').animatescroll([options]);">Go to Element</a>

We might as well make use of data-animate-scroll in which the library listen for on-click events on elements having the data attribute? For example,

<a href="#" data-animate-scroll-target=".that-element" data-animate-scroll-ease="swing"></a>

return false; on line 158 allows to add href for fallback for those with js disabled without the default behaviour overriding animatescroll. Lines 172 to 177 allow that instead of adding the onclick method to the <a> tag you can add class="animatescroll" and animate scroll will be launched with the href contents as the target.

This change is 

Hello, I am using the plugin for a dynamic search list with a dropdown block. I wanted to bring the dropdown block to the user view perfectly. So I used your plugin and it works fine. But each time it goes to the top and then returns to the block. Is there a way to overcome this.

Hello, Is it possible to do this? Basically, as you click, it scrolls to the ids or classes specified. $('#SECTION1, #SECTION2, #SECTION3').animatescroll({scrollSpeed:1000,easing:'easeInOutBack'});">Scroll to Multiple Elements

Added two callbacks to the plugin, one to be executed before the animation, that is onScrollStart and the other one that is executed once per call as a callback to animation, that is onScrollEnd.

The plugins also returns the object now, to allow chaining.

ramswaroop/animatescroll.js now has a Chat Room on Gitter

@ramswaroop has just created a chat room. You can visit it here: https://gitter.im/ramswaroop/animatescroll.js.

This pull-request adds this badge to your README.md:

Happy chatting.

PS: Click here if you would prefer not to receive automatic pull-requests from Gitter in future.

When I try to run the Animatescroll function I get this error message: $($str).animatescroll is not a function @ http://localhost/:17

the function in js that im calling is : $($str).animatescroll({scrollSpeed:300});

It works perfectly in webkit browsers like safari. Thanks for your help.

Fixing #19 Fixing issue when using concat/uglify/minify tools reporting missing ";" because of wrong () placement.

(function($){})(jQuery);

This change is 

When using element option and the target id isn't a direct child of element.

<div class="container-with-scroll">
  <h2 id="working-target"></h2>
  <a><img id="target"></a>
</div>

  // This working great :
  $('#working-target').animatescroll({ element: '.container-with-scroll', padding: 20 });
  // This not working :
  $('#target').animatescroll({ element: '.container-with-scroll', padding: 20 });

Problem is here https://github.com/ramswaroop/animatescroll.js/blob/master/animatescroll.js#L162 The use of this.parent() causing the issue because the parent of target is <a> not the .container-with-scroll.

The fix:

  $(opts.element).stop().animate({ scrollTop: this.offset().top - $(opts.element).offset().top + $(opts.element).scrollTop() - opts.padding}, opts.scrollSpeed, opts.easing);

I can do a PR if needed.

Hey, maintainer(s) of ramswaroop/animatescroll.js!

We at VersionEye are working hard to keep up the quality of the bower's registry.

We just finished our initial analysis of the quality of the Bower.io registry:

7530 - registered packages, 224 of them doesnt exists anymore;

We analysed 7306 existing packages and 1070 of them don't have bower.json on the master branch ( that's where a Bower client pulls a data ).

Sadly, your library ramswaroop/animatescroll.js is one of them.

Can you spare 15 minutes to help us to make Bower better?

Just add a new file bower.json and change attributes.

{
  "name": "ramswaroop/animatescroll.js",
  "version": "1.0.0",
  "main": "path/to/main.css",
  "description": "please add it",
  "license": "Eclipse",
  "ignore": [
    ".jshintrc",
    "**/*.txt"
  ],
  "dependencies": {
    "<dependency_name>": "<semantic_version>",
    "<dependency_name>": "<Local_folder>",
    "<dependency_name>": "<package>"
  },
  "devDependencies": {
    "<test-framework-name>": "<version>"
  }
}

Read more about bower.json on the official spefication and nodejs semver library has great examples of proper versioning.

NB! Please validate your bower.json with jsonlint before commiting your updates.

Thank you!

Timo, twitter: @versioneye email: [email protected] VersionEye - no more legacy software!