https://github.com/craftkit/craft-sample-stickyheadernavi
Sample use case of craft-widget-stickyheadernavi
https://github.com/craftkit/craft-sample-stickyheadernavi
javascript-framework javascript-library progressive-web-app shadow-dom single-page-applications ui-components webcomponents
Last synced: 5 months ago
JSON representation
Sample use case of craft-widget-stickyheadernavi
- Host: GitHub
- URL: https://github.com/craftkit/craft-sample-stickyheadernavi
- Owner: craftkit
- Created: 2020-01-02T10:39:11.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2020-07-03T08:20:33.000Z (over 5 years ago)
- Last Synced: 2025-10-31T09:46:16.858Z (5 months ago)
- Topics: javascript-framework, javascript-library, progressive-web-app, shadow-dom, single-page-applications, ui-components, webcomponents
- Language: JavaScript
- Homepage:
- Size: 106 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sample use case of StickyHeaderNavi
This is a sample use case of [craft-widget-stickyheadernavi](https://github.com/craftkit/craft-widget-stickyheadernavi).
```
npm install
npm run serve
go: http://127.0.0.1:8099/
```
To rebuild:
```
npm run build
```
## Feature
* Support both browser and home added web app (standalone mode).
* Two page with sticky navigation bar
* Using [Craft.Core.PathRouter](https://github.com/craftkit/craft-uikit/blob/master/src/Craft/Core/PathRouter.js)
* Simple page object cache service living with Craft.Core.Context
* safe-area-inste-* supported
* Partial slide effect (header text will slide out when appearing back button in standalone mode, but navi bar stay on)
## Dependency
* [local-web-server](https://github.com/lwsjs/local-web-server)
* [craft-uikit](https://github.com/craftkit/craft-uikit)
* [craft-widget-stickyheadernavi](https://github.com/craftkit/craft-widget-stickyheadernavi)