Ajax Scroll

How can I change the speed of the slide or the opacity?

At present this requires modifying the plugin’s JavaScript file. Open the file located in wp-content/plugins/ajax-scroll/js/ajax-scroll-js.php.

The first two lines of this file declare two variables, “speed” and “opacity_loading”. You can modify these values to change the slide timing and fade opacity.

The “speed” value is the time (in ms) it takes to slide the container. So, the higher the number, the slower the animation.

The “opacity” value is a decimal representation of the opacity percentage (from 0 to 1). The lower the value, the more transparent the content will be while loading. A value of 1 equals no fading.

How do I add a loading icon?

In your theme, place a (div or other) element where you want the loading icon to appear. The ID of this element must be “_load”. So, if the ID of your content’s container is “content”, the loading DIV must have an ID “content_load”. Once this is in place, the loading element will automatically appear during the transition animation.

Can I have multiple sections of scrollable content?

Yes! Just replicate the instructions in “installation” for each section on the page. Make sure that each content container has a unique ID!

The direction of the scroll is wrong. Why?

Scrolling through any set of single posts should work fine. However, if your paging system is unique (not standard), the direction of the scroll may be wrong. In this case, you can either modify ajax-scroll.php to fit your needs or reverse the directions in js/ajax-scroll-js.php.