1.0.0 • Published 9 years ago
vue-pushpin v1.0.0
vue-pushpin
Fixed positioning, which respects header and footer.
Demo
Install
npm install --save-dev vue-pushpinor include build/bundle.js.
Usage
# in your component
components:
"pushpin": require("vue-pushpin")
# or, when using bundle.js
components:
"pushpin": window.vueComps.pushpin<pushpin>
<div>content</div>
</pushpin>The pushpin will change its position to absolute, so it should be positioned relative to body.
For examples see dev/.
Props
| Name | type | default | description |
|---|---|---|---|
| top | Number | 0 | minimum distance to document top (header height) |
| offset | Number | 0 | distance to the viewport top on scrolling (should be smaller than top) |
| bottom | Number | 0 | minimum distance to document bottom (footer height) |
Changelog
- 1.0.0
some cleaning
added unit tests
Development
Clone repository.
npm install
npm run devBrowse to http://localhost:8080/.
License
Copyright (c) 2016 Paul Pflugradt Licensed under the MIT license.