CARVIEW |
Select Language
HTTP/2 200
date: Sat, 19 Jul 2025 11:43:24 GMT
content-type: text/html; charset=utf-8
vary: X-PJAX, X-PJAX-Container, Turbo-Visit, Turbo-Frame, X-Requested-With,Accept-Encoding, Accept, X-Requested-With
x-robots-tag: none
etag: W/"438722dc81b22925556f524850f00fe7"
cache-control: max-age=0, private, must-revalidate
strict-transport-security: max-age=31536000; includeSubdomains; preload
x-frame-options: deny
x-content-type-options: nosniff
x-xss-protection: 0
referrer-policy: no-referrer-when-downgrade
content-security-policy: default-src 'none'; base-uri 'self'; child-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/; connect-src 'self' uploads.github.com www.githubstatus.com collector.github.com raw.githubusercontent.com api.github.com github-cloud.s3.amazonaws.com github-production-repository-file-5c1aeb.s3.amazonaws.com github-production-upload-manifest-file-7fdce7.s3.amazonaws.com github-production-user-asset-6210df.s3.amazonaws.com *.rel.tunnels.api.visualstudio.com wss://*.rel.tunnels.api.visualstudio.com objects-origin.githubusercontent.com copilot-proxy.githubusercontent.com proxy.individual.githubcopilot.com proxy.business.githubcopilot.com proxy.enterprise.githubcopilot.com *.actions.githubusercontent.com wss://*.actions.githubusercontent.com productionresultssa0.blob.core.windows.net/ productionresultssa1.blob.core.windows.net/ productionresultssa2.blob.core.windows.net/ productionresultssa3.blob.core.windows.net/ productionresultssa4.blob.core.windows.net/ productionresultssa5.blob.core.windows.net/ productionresultssa6.blob.core.windows.net/ productionresultssa7.blob.core.windows.net/ productionresultssa8.blob.core.windows.net/ productionresultssa9.blob.core.windows.net/ productionresultssa10.blob.core.windows.net/ productionresultssa11.blob.core.windows.net/ productionresultssa12.blob.core.windows.net/ productionresultssa13.blob.core.windows.net/ productionresultssa14.blob.core.windows.net/ productionresultssa15.blob.core.windows.net/ productionresultssa16.blob.core.windows.net/ productionresultssa17.blob.core.windows.net/ productionresultssa18.blob.core.windows.net/ productionresultssa19.blob.core.windows.net/ github-production-repository-image-32fea6.s3.amazonaws.com github-production-release-asset-2e65be.s3.amazonaws.com insights.github.com wss://alive.github.com api.githubcopilot.com api.individual.githubcopilot.com api.business.githubcopilot.com api.enterprise.githubcopilot.com; font-src github.githubassets.com; form-action 'self' github.com gist.github.com copilot-workspace.githubnext.com objects-origin.githubusercontent.com; frame-ancestors 'none'; frame-src viewscreen.githubusercontent.com notebooks.githubusercontent.com; img-src 'self' data: blob: github.githubassets.com media.githubusercontent.com camo.githubusercontent.com identicons.github.com avatars.githubusercontent.com private-avatars.githubusercontent.com github-cloud.s3.amazonaws.com objects.githubusercontent.com release-assets.githubusercontent.com secured-user-images.githubusercontent.com/ user-images.githubusercontent.com/ private-user-images.githubusercontent.com opengraph.githubassets.com copilotprodattachments.blob.core.windows.net/github-production-copilot-attachments/ github-production-user-asset-6210df.s3.amazonaws.com customer-stories-feed.github.com spotlights-feed.github.com objects-origin.githubusercontent.com *.githubusercontent.com; manifest-src 'self'; media-src github.com user-images.githubusercontent.com/ secured-user-images.githubusercontent.com/ private-user-images.githubusercontent.com github-production-user-asset-6210df.s3.amazonaws.com gist.github.com; script-src github.githubassets.com; style-src 'unsafe-inline' github.githubassets.com; upgrade-insecure-requests; worker-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/
server: github.com
content-encoding: gzip
accept-ranges: bytes
set-cookie: _gh_sess=DQmd1xHkj2eQlTkslq1bVS1lhUEktayXXXMcsYEz3VRzk749YktBki93jkMG1j5wBwxQ0yFf%2FjXE8KsrZnIKuuWoxjpQCVb9W1XINQsq3zXgxnLGeV9Ppo9gD%2Fek7ogYHVEB%2BX0vziRQyqc2SiekuRqml%2BUU6a9TZSZmRLlUqkvYkGpiO%2F0SmgObrUX5lUWgmarreqf29D4Mq664G7JuQL0iuo71ISKENds2Mv%2FSZq6065IzyH35E1LoRZ4lUfhNVryMVyfW5kTVURn%2B1Byujw%3D%3D--AbyBbt94FtTXUc3z--XAHnAFCpGd%2FVV6hf3YNLEw%3D%3D; Path=/; HttpOnly; Secure; SameSite=Lax
set-cookie: _octo=GH1.1.2013475562.1752925404; Path=/; Domain=github.com; Expires=Sun, 19 Jul 2026 11:43:24 GMT; Secure; SameSite=Lax
set-cookie: logged_in=no; Path=/; Domain=github.com; Expires=Sun, 19 Jul 2026 11:43:24 GMT; HttpOnly; Secure; SameSite=Lax
x-github-request-id: BB82:FD994:6F99BB:92791B:687B84DC
Use module loaders for fullPage.js · alvarotrigo/fullPage.js Wiki · GitHub
Skip to content
Navigation Menu
{{ message }}
-
Notifications
You must be signed in to change notification settings - Fork 7.2k
Use module loaders for fullPage.js
Álvaro edited this page Sep 25, 2018
·
1 revision
// Optional. When using fullPage extensions
//import scrollHorizontally from './fullpage.scrollHorizontally.min';
// Optional. When using scrollOverflow:true
//import IScroll from 'fullpage.js/vendors/scrolloverflow';
// Importing fullpage.js
import fullpage from 'fullpage.js';
// When using fullPage extensions replace the previous import
// of fullpage.js for this file
//import fullpage from 'fullpage.js/dist/fullpage.extensions.min';
// Initializing it
var fullPageInstance = new fullpage('#myFullpage', {
navigation: true,
sectionsColor:['#ff5f45', '#0798ec', '#fc6c7c', 'grey']
});
// Optional. When using fullPage extensions
//require('./fullpage.scrollHorizontally.min');
// Optional. When using scrollOverflow:true
//require('fullpage.js/vendors/scrolloverflow');
var fullpage = require('fullpage.js');
// When using fullPage extensions replace the previos require
// of fullpage.js for this file
//var fullpage = require('fullpage.js/dist/fullpage.extensions.min');
// Initializing it
var fullPageInstance = new fullpage('#myFullpage', {
navigation: true,
sectionsColor:['#ff5f45', '#0798ec', '#fc6c7c', 'grey']
});
On your HTML file, add the following:
<!-- index.html file -->
<script src="src/require.config.js"></script>
<script data-main="src/main" type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.5/require.min.js"></script>
Then, create the following require.config.js
file:
// require.config.js
var require = {
baseUrl: ".",
app: "./",
paths: {
"fullpage": "./node_modules/fullpage.js/dist/fullpage",
"IScroll": "./node_modules/fullpage.js/vendors/scrolloverflow",
"fullpageExtensions": "./node_modules/fullpage.js/dist/fullpage.extensions.min",
/*
When using any fullPage extensions you'll have to add the path to the
extension file here
*/
//"scrollHorizontally": "./src/fullpage.scrollHorizontally.min"
}
};
And depending on your fullPage.js options, use one of the following defines:
// main.js
define(['fullpage'], function(fullpage) {
// Initializing it
var fullPageInstance = new fullpage('#myFullpage', {
navigation: true,
sectionsColor:['#ff5f45', '#0798ec', '#fc6c7c', 'grey']
});
});
If you want to use the fullPage.js option scrollOverflow:true
:
// main.js
define(['IScroll', 'fullpage'], function(IScroll, fullpage) {
// Initializing it
var fullPageInstance = new fullpage('#myFullpage', {
navigation: true,
sectionsColor:['blue', 'red', 'purple', 'grey'],
scrollOverflow: true
});
});
If you want to use any extension, like scrollHorizontally
as well as scrollOverflow:true
:
// main.js
define(['IScroll', 'scrollHorizontally', 'fullpageExtensions'], function(IScroll, scrollHorizontally, fullpage) {
// Initializing it
var fullPageInstance = new fullpage('#myFullpage', {
navigation: true,
sectionsColor:['blue', 'red', 'purple', 'grey'],
scrollOverflow: true,
scrollHorizontally: true
});
});
You can’t perform that action at this time.