jQuery Scrollify Basic Setup Sample Code

Tadashi Shigeoka ·  Thu, April 16, 2020

I’ll introduce sample code implemented based on jQuery Scrollify’s Basic setup.

jQuery Scrollify

Background: Want to Prepare a Testing Environment for jQuery Scrollify

To master jQuery Scrollify, I prepared a testing environment on my local machine.

The completed result looks like this:

https://codenote-net.github.io/sandbox/scrollify/basic_setup.html

jQuery Scrollify Reference Information

jQuery Scrollify Sample Code

The sample code is published in the following GitHub Pull Request, so please take a look.

Scrollify Basic setup のサンプルコード · Pull Request #5 · codenote-net/sandbox

Items Tested with jQuery Scrollify

setHeights

This is an option that sets the height according to screen size and content. (Default: true)

setHeights: true,

overflowScroll

This is an option that allows scrolling even when the section content is larger than the screen size height. (Default: true)

overflowScroll: true,
overflowScroll | jQuery Scrollify

That’s all from the Gemba.