Virtual Scroll

Customization	Reference
Edit options in	📄 HTML/js/app.js
Options object	🔧 app.options.virtualScroll

Default Options

window.app = {
  options: {
    // other options
    virtualScroll: {
      easing: {
        mouse: 0.1,
        touch: 0.06
      },
      speed: {
        mouse: 1,
        touch: 2.5
      },
      maxDelta: {
        mouse: 240,
        touch: 180
      },
      snapDelay: {
        mouse: 0.05,
        touch: 0.6
      }
    }
  }
}

The options above are common for some page components that require containers with virtual scrolling. These components are:

• Infinite List
• Marquee Headings Hover
• Menu Overlay
• Slider Images

HTML Markup

This component doesn't require any specific HTML markup.

Customization

Adjust the float number values for mouse and touch in the available options and test the result. Don't forget to check on mobile devices.