jquery-snappoint

KO | EN

gitlite — search

#python #hacktoberfest #typescript #llm #android #machine-learning #rust #nodejs #windows #cli #kubernetes #security #ios #open-source

jquery-snappoint

(★ 26)

jQuery plugin that creates snap points to smoothly scroll a visitor's browser window to blocks of content.

jquery-snappoint 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# SnapPoint v1.5

Easy-to-use jQuery plugin that creates what I call "SnapPoints." A SnapPoint is the beginning of a block of content that you want the browser's window to scroll down to to. Metaphorically stated, SnapPoint attaches a little vacuum to any block level element (e.g. &lt;div&gt;). It sucks the visitors screen down to the top of that content, or if paging is horizontally it sucks the content to the left of the screen.

##Why Would I Use This?

It's not for every site. You would use this if you had a page or multiple pages that are built around a multiple blocks of content, probably short content.

* For an example, please see the demo (http://robspangler.com/git/jquery-snappoint/demo/demo.html)
* Live example coming soon.

## How Do I Use It?

To start please include the latest version of jQuery and jquery.snappoint-1.5.js.

```html
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="path/to/jquery.snappoint-1.0.js"></script>

### Options

Here are the customizable options for SnapPoint:

```html
$(".block").snapPoint({ 
	scrollDelay: 550,		// Amount of time the visitor has to scroll before the snap point kicks in (ms)
	scrollSpeed: 90,		// Length of smooth scroll's animation (ms)
	outerTopOffset: 220,	// Number of pixels for the downward vertical offset (relative to the top of your snapping container)
	innerTopOffset: 0,		// Number of pixels for the upward vertical offset (relative to the top of your snapping container)
	outerLeftOffset: 200,	// Number of pixels for the outer horizontal offset (relative to the right of your snapping container)
	innerLeftOffset: 0		// Number of pixels for the inner horizontal offset (relative to the left of your snapping container)

});
```

## Changelog

### Version 1.5 (04/04/2013)
* Added left-to-right snapping

### Version 1.05 (12/04/2012)
* Bug fixes for Firefox & IE (browsers using &lt;html&gt; vs. &lt;body&gt;)

### Version 1.0 (12/04/2012)
* Initial release

## Author

Robert Spangler

* http://www.robspangler.com
* http://www.linkedin.com/in/robertspangler

Ken Frederick
 
* http://cargocollective.com/kenfrederick/
* http://kenfrederick.blogspot.com/

jquery-snappoint

jquery-snappoint 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

jquery-snappoint

jquery-snappoint 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README