https://github.com/vb/scrollhide

Hide element when scrolling down, show when scrolling up.
https://github.com/vb/scrollhide

Last synced: 7 months ago
JSON representation

Hide element when scrolling down, show when scrolling up.

• Host: GitHub
• URL: https://github.com/vb/scrollhide
• Owner: vb
• Created: 2015-07-01T13:24:43.000Z (almost 11 years ago)
• Default Branch: master
• Last Pushed: 2015-07-03T14:01:18.000Z (almost 11 years ago)
• Last Synced: 2025-06-10T21:59:32.185Z (about 1 year ago)
• Language: JavaScript
• Size: 145 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md

Awesome Lists containing this project

README

          
# jQuery Scrollhide [![Build Status](https://travis-ci.org/viktorbergehall/scrollhide.svg?branch=master)](https://travis-ci.org/viktorbergehall/scrollhide) ![Bower Version](https://badge.fury.io/bo/jquery-scrollhide.svg)

### Hide element when scrolling down, show when scrolling up

Design pattern from Google Chrome and Safari mobile browsers.

[Demo for mobile device](http://viktorbergehall.github.io/scrollhide/)

## Usage

1. Include jQuery:

	```html

	

	```

2. Include plugin's code:

	```html

	

	```

3. Style the element/elements:

    ```html

    

    ```

4. Call the plugin:

	```javascript

	$("nav").scrollhide();

	```

## Structure

```

├── demo/

│   └── index.html

├── dist/

│   ├── jquery.scrollhide.js

│   └── jquery.scrollhide.min.js

├── src/

│   └── jquery.scrollhide.js

├── .editorconfig

├── .gitignore

├── .jshintrc

├── .travis.yml

├── Gruntfile.js

└── package.json

```

## Contributing

Check [CONTRIBUTING.md](https://github.com/viktorbergehall/scrollhide/blob/master/CONTRIBUTING.md) for more information.

## History

Check [Releases](https://github.com/viktorbergehall/scrollhide/releases) for detailed changelog.

## License

[MIT License](http://viktorbergehall.mit-license.org) © Viktor Bergehall