rampatra / animatescroll.js Goto Github PK

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 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.

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.

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>

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!

Hello, we have just added animatescroll to the twittstrap resources list: http://twittstrap.com/resources/index under javascript. Regards

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.

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.

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

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

Please add method stop() before jQuery method animate() in your plugin

scrolling horizontally or diagonally (multi-directional)?