This members-only tutorial provides the steps to implement multiScroll.js in Oxygen.

Step 1

Let's load the CSS and JS files of multiScroll.js in Oxygen editor and on the front end.

Install and activate My Custom Functionality plugin.

Connect to your server using a FTP client and navigate to the plugin directory.

Upload jquery.multiscroll.min.css to the plugin's assets/css directory.

Upload jquery.multiscroll.min.js to the plugin's assets/js directory.

Edit plugin.php.

Replace

add_action( 'wp_enqueue_scripts', 'custom_enqueue_files' );
/**
 * Loads <list assets here>.
 */
function custom_enqueue_files() {
	// if this is not the front page, abort.
	// if ( ! is_front_page() ) {
	// 	return;
	// }
	// loads a CSS file in the head.
	// wp_enqueue_style( 'highlightjs-css', plugin_dir_url( __FILE__ ) . 'assets/css/style.css' );
	/**
	 * loads JS files in the footer.
	 */
	// wp_enqueue_script( 'highlightjs', plugin_dir_url( __FILE__ ) . 'assets/js/highlight.pack.js', '', '9.9.0', true );
	// wp_enqueue_script( 'highlightjs-init', plugin_dir_url( __FILE__ ) . 'assets/js/highlight-init.js', '', '1.0.0', true );
}

with

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($37/month or $399 one-time).

Already a member? Log in below or here.

Need help implementing a tutorial in your site or want to hire me for custom work?

HIRE ME

Find the article helpful and wish to donate?

DONATE

Comments

For adding code blocks wrap the code in three backticks. Markdown should work.
Provide a URL of your site/webpage if something is not working.

3 comments on “multiScroll in Oxygen”

    1. As far as I know, multiScroll is not designed for that. I could be wrong though.

      If you can find any examples or CodePens showing what you are looking for, please go ahead and try implementing it based on the general idea of this tutorial.

      You could also try asking in the script’s GitHub issues section.

magnifiercross
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
%d bloggers like this: