https://github.com/matthewpattell/sticky-float

Plugin sticky float for html elements
https://github.com/matthewpattell/sticky-float

Last synced: about 1 month ago
JSON representation

Plugin sticky float for html elements

• Host: GitHub
• URL: https://github.com/matthewpattell/sticky-float
• Owner: MatthewPattell
• Created: 2016-05-13T09:41:27.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2016-05-17T22:13:43.000Z (over 8 years ago)
• Last Synced: 2024-11-09T19:13:28.176Z (about 2 months ago)
• Language: JavaScript
• Size: 37.1 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# sticky-float

Plugin sticky float for html elements

Demo

-----

Go to demo page

Installation

-----

With bower:

```bash

$ bower install jquery-stickyfloat

```

Usage

-----

Include on your web page:

1. jQuery

2. jQuery Throttle plugin

```html

```

Then include this plugin:

```html

```

And simple usage:

```js

$('.example').stickyfloat();

```

Options:

```js

$('.example').stickyfloat({

    top: 0,           // top margin (number in px | default: 0)

    spacer: true,     // create spacer (boolean | default: true)

    saveWidth: true,  // save width element (boolean | default: true)

    parent: false,    // change parent element (boolean or jQuery element | default: false)

    bottomStop: true  // stop element in parent bottom (boolean | default: true)

});

```

That's all. Check it.