All Projects → shiye515 → vue-sticky

shiye515 / vue-sticky

Licence: MIT license
模拟 position: sticky; 的 vue 组件

Programming Languages

javascript
184084 projects - #8 most used programming language
Vue
7211 projects
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to vue-sticky

SmartStickyHeader
A Custom Header View With Multiple Items to make selection from categories
Stars: ✭ 36 (+20%)
Mutual labels:  sticky
rdk
🛠 React Component Developer Kit
Stars: ✭ 27 (-10%)
Mutual labels:  position
go-satellite
Calculate orbital information of satellites in GoLang.
Stars: ✭ 55 (+83.33%)
Mutual labels:  position
Saikai
Saikai - (Resume in Japanese) is a web platform for management resume submissions. Developer web: https://saikai-develop.web.app/ ****** LIVE WEBSITE: https://saikai.me
Stars: ✭ 17 (-43.33%)
Mutual labels:  position
whoscored
Football player rating analysis and position recommendation
Stars: ✭ 30 (+0%)
Mutual labels:  position
GitHub-FixedHeader
Pinned header on GitHub
Stars: ✭ 63 (+110%)
Mutual labels:  sticky
Account-Protector
Automate emergency position closing and autotrading termination using a multi-setting expert advisor.
Stars: ✭ 47 (+56.67%)
Mutual labels:  position
react-sticky-headroom
A React Component to hide a Header using CSS sticky position
Stars: ✭ 22 (-26.67%)
Mutual labels:  sticky
drupal 8 unset html head link
🤖 Module for unset any wrong HTML links (like rel="delete-form", rel="edit-form", etc.) from head on Drupal 8.x websites. This is trust way to grow up position in SERP Google, Yandex, etc.
Stars: ✭ 19 (-36.67%)
Mutual labels:  position
react-sticky-mouse-tooltip
React tooltip component that follow mouse cursor.
Stars: ✭ 17 (-43.33%)
Mutual labels:  sticky
Android-sticky-navigation-layout
android sticky navigation layout
Stars: ✭ 17 (-43.33%)
Mutual labels:  sticky
react-native-scrollable-tabview
Based on pure JS scripts, without relying on native, no need for react-native link, Title / Header / Tabs / Sticky / Screen components can be flexibly configured, among which Tabs / Sticky can slide When it reaches the top, it will be topped.
Stars: ✭ 136 (+353.33%)
Mutual labels:  sticky
Textylic
A note taking app developed for the 22nd century
Stars: ✭ 34 (+13.33%)
Mutual labels:  sticky
HTML5Sticky
📌 HTML5Sticky - sticky notes app for the web !
Stars: ✭ 51 (+70%)
Mutual labels:  sticky
react-sticky-header
🍯 A sticky header for React.js
Stars: ✭ 55 (+83.33%)
Mutual labels:  sticky
stickyard
Make your React component sticky the easy way
Stars: ✭ 83 (+176.67%)
Mutual labels:  sticky
floating-ui
A low-level toolkit to create floating elements. Tooltips, popovers, dropdowns, and more
Stars: ✭ 23,485 (+78183.33%)
Mutual labels:  position
admin-sticky-widget-areas
A simple WordPress plugin to make the widget areas on the right side at /wp-admin/widgets.php sticky.
Stars: ✭ 22 (-26.67%)
Mutual labels:  sticky
Positional
An elegant and colorful location information app for Android with Compass, Clock, Level, Sun, Moon, Trail Marker and many other features.
Stars: ✭ 72 (+140%)
Mutual labels:  position
variantkey
Numerical Encoding for Human Genetic Variants
Stars: ✭ 32 (+6.67%)
Mutual labels:  position

vue-sticky-position

vue sticky 定位组件 live demo

NPM version npm download

##简介(Intro)

  • 除了vue之外不依赖其他库,
  • 最新版本仅支持vue2.0,使用vue1.0的请安装1.0的版本
  • 如果浏览器支持 sticky 定位,则使用原生方式,不添加滚动监听

install

vue-sticky-position

npm install vue-sticky-position

用法

    <sticky>
        <div class="stickyed">sticky</div>
    </sticky>
import Sticky from 'vue-sticky-position'
export default {
    components: {
        Sticky
    }
}

API

props

name type default description
top [Number, String] 'auto' 定位时距离顶部的距离,默认保持跟firefox的实现一致
z-ndex Number 10 css中的z-index值
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].