@zibuthe7j11/aperiam-et-quisquam NPM

PureJS_OnePageNav

The PureJS_OnePageNav library is designed to dynamically manage states of navigation links based on scroll offset. It comes with several options that allow customize page navigation working as intended.

Main functionalities:

dynamically update nav links accordingly to reached section
update hash accordingly to nav link or section
choosing which link should be default active if none section reached
exactly matching sections and no section zones with exact match option
allows to set classes on links parents like li, nav, not only anchor tags
enforcing script loading only if suits defined URL paths
defining distance from top, at which section should be changed
visualization line for easier understanding
changing options after script initialization

Getting Started

Installation

npm install @zibuthe7j11/aperiam-et-quisquam

Useful links

Check out the demo

Find more in Github wiki

Including into project and default values:

import OnePageNav from '@zibuthe7j11/aperiam-et-quisquam';

// Default constructor options
let options = {
    defaultLinkActive: true,
    updateATagClass: true,
    changeOffset: 50,
    parentsObtainingActiveClass: [],
    setClassesOnSections: false,
    exactMatch: false,
    navLinkActiveClass: 'active',
    sectionActiveClass: 'active',
    defaultActiveElement: undefined,
    updateHash: false,
    saveHashBetweenSections: true,
    onInit: [],
    onChange: [],
    debugLine: false,
};

let onePageNav = new OnePageNav('nav a', options);

//or

new OnePageNav.default(); // for alone imported umd file

License

The credit comments in the JavaScript files should be kept intact

(The MIT License)

arrays shell debug ES5 open flatMap middleware structuredClone uninstall last console stringifier random trim includes mime child autoprefixer typescript start CSSStyleDeclaration command-line BigUint64Array read import log escape argument signals args bluebird Int16Array redux-toolkit exit-code HyBi delete rangeerror reuse superagent style file system interrupts css nesting launch mkdirs forEach unicode progress function form-validation utility syntaxerror queueMicrotask pose ReactiveExtensions reducer apollo es-shim API babel Stream env String.prototype.trim cli setPrototypeOf fullwidth AsyncIterator picomatch xdg Push glob type which limited view hooks pnpm9 number key airbnb clone Object.defineProperty eslintplugin framer ES2018 Array.prototype.flat censor executable forms ECMAScript 2015 minimal flag installer animation optimizer polyfill filter es2015 fetch wget reduce emit readable resolve assign ES2019 StyleSheet auth assert RFC-6455 collection Uint8Array walking width computed-types operating-system dataView http fsevents rgb ES2015 loading matchAll guid east-asian-width _.extend iterator Uint32Array uuid logging stylesheet 3d arktype serialize sort helpers functional output property prototype arguments Streams sanitization toArray inspect querystring .env flatten spinners write pure sequence js TypeScript RxJS ramda Array.prototype.findLast push fantasy-land popmotion [[Prototype]]compare Object.getPrototypeOf rmdir scheme-validation pretty search deep negative exec typanion consume watcher async contains Observables core-js negative zero call full css less zero transpile deepclone browserlist ES3 syntax ECMAScript 2018 Reflect.getPrototypeOf TypeBox term ECMAScript 2022 256 match node fp object graphql cjk parser urls colour test install walk Array.prototype.filter figlet ES2020 https toSorted i18n trimStart gdpr encryption concurrency Iterator TypedArray dependencies trimRight parse postcss-plugin handlers persistent compile less classname limit take ES2023 react-hooks monorepo rm eslintconfig from column descriptors status client debugger names multi-package Object.is option drop Symbol Map promises performant findup shim package manager rate mobile browser find-up validation terminal patch chrome japanese classes json-schema-validation ascii private data ratelimit module less compiler Underscore util.inspect offset form Int32Array hardlinks css-in-js arraybuffer -0 channel matches package watchFile es8 ES6 qs styles metadata lint nodejs awesomesauce some less css color getopt Function.prototype.name korean performance prefix YAML is get stable irq karma optimist mkdirp byteLength diff expression ES8 transpiler wait parent spinner extension cmd variables up proto fast-clone dependency manager internal hookform getintrinsic code points look linewrap create flags stdlib vest Object.fromEntries Uint8ClampedArray format input buffers Rx ansi pyyaml npm bundler symbols ES setter move throttle symlinks jsonschema ECMAScript 5 eslint formatting Array.prototype.contains styling tty json-schema fastclone ESnext prune less mixins circular point-free jasmine curl Object.assign electron css sorted serializer json time Promise safe Float32Array tools default pipe rm -rf promise columns testing redux curried hasOwn sigint watching RegExp#flags assertion drag react animation ES7 wordbreak callback array merge crypt cors Array.prototype.includes runtime quote Observable emoji tester path shrinkwrap ajv mimetypes io-ts Object.keys findLastIndex has classnames deep-copy typeerror warning ES2016 streams class-validator bdd JSON serialization utils 6to5 full-width framework buffer url tap indicator preserve-symlinks chromium fs ast yaml copy symbol find nested css iterate opener spec ES2022 packages eslint-plugin javascript estree callbind Object.values name concatMap break typedarrays eventEmitter rfc4122 readablestream equal await efficient gradients css3 stream yup l10n URL make description opens Set byteOffset rm -fr less writable logger iteration ES2021 modules connect extend deep-clone value make dir wordwrap password es2018 ECMAScript 3 windows es6 editor xhr weakset gradients css signal schema trimLeft jwt zod spawn regular expression babel-core traverse dir fast-copy styleguide directory once Symbol.toStringTag moment character WebSockets queue batch dataview bind app json-schema-validator deepcopy protocol-buffers shared ECMAScript 2016 error regex side slot visual telephone ECMAScript 7 getter robust collection.es6 intrinsic ReactiveX compiler accessibility call-bound throat preprocessor core utilities dom exit Array a11y fast environment xterm groupBy wrap listeners WebSocket immutable tslib mocha dayjs command @@toStringTag browserslist concat user-streams ECMAScript 2017 findLast getOwnPropertyDescriptor libphonenumber touch call-bind invariant date flat sameValueZero styled-components check WeakMap busy events tape defineProperty Int8Array harmony ECMAScript 2023 bootstrap less look-up dotenv functions xdg-open $.extend remove ender art inference obj native properties exe speed es2017 omit callbound Float64Array colors jsonpath ECMAScript 2020 workspace:*mixins byte Array.prototype.flatten tostringtag real-time superstruct ArrayBuffer#slice postcss website __proto__tacit symlink Uint16Array positive jsdiff express length mkdir enumerable Object.entries parents es5 react-hook-form valid isConcatSpreadable chai error-handling argv dom-testing-library require string hash types coercible RegExp.prototype.flags define crypto toStringTag datastructure fixed-width rapid es accessor configurable toolkit ponyfill linux ECMAScript 2019 jest sharedarraybuffer package.json bound trimEnd generics ECMAScript 2021 extra es-abstract regular expressions phone api 0 react pose whatwg lru group banner bundling regexp web authentication duplex Microsoft map toobject watch mru ecmascript stateless stringify task regular sham bootstrap css bcrypt tc39 getPrototypeOf fast-deep-copy mime-db ArrayBuffer commander spring private characters link process macos sanitize util react-testing-library lesscss higher-order settings equality weakmap lazy typed sigterm Object variables in css validator every prop codes css variable shebang String.prototype.matchAll let validate WeakSet plugin starter idle ava keys Array.prototype.flatMap var set deterministic nope const Array.prototype.findLastIndex request ts worker protobuf lockfile URLSearchParams ie immer xss recursive query config setImmediate typed array fastify data ajax BigInt64Array chinese entries cache slice jsdom internal slot folder react typeof ES2017 fastcopy es2016 JSON-Schema

@landmineaknpm/aliquid-minus-voluptatem @ptkhanh94npm/ab-quaerat-animi @rabiepenpm/libero-nisi-voluptatem

1.0.0

26 days ago

@zibuthe7j11/aperiam-et-quisquam v1.0.0