JavaScript viewport-utility initの例

コード例 #1

ファイル: app.js プロジェクト: NikDevPHP/blender

import viewport from 'viewport-utility';

if ($('[data-validate]').size()) {
    require.ensure([], () => {
        require('client-side-validation').init();
    }, 'front.validation');
}

viewport.init();

コード例 #2

ファイル: backup.js プロジェクト: joepriest/docs.spatie.be

const $ = require('jquery');
const viewport = require('viewport-utility');
const hljs = require('highlight.js/lib/highlight');
const vide = require('vide');

viewport.init({
    config: {
        start: 50,
        end: 200,
        small: 900,
    },
});

(function syntaxHighlighting() {

    hljs.registerLanguage('bash', require('highlight.js/lib/languages/bash'));
    hljs.registerLanguage('php', require('highlight.js/lib/languages/php'));
    hljs.initHighlighting();

})();

(function introductionScroll() {

    if (window.location.hash == '#clean') {
        makeHeaderSmall().addClass('$header-clear-animation');
    }

    $(window).on('scroll.introduction', function () {
        if (viewport.state.started) {
            makeHeaderSmall();
            $(window).off('scroll.introduction');