Security News
The Push to Ban Ransom Payments Is Gaining Momentum
Ransomware costs victims an estimated $30 billion per year and has gotten so out of control that global support for banning payments is gaining momentum.
zebra_pin
Advanced tools
Readme
##Zebra_Pin
####A lightweight jQuery plugin for pinning any element to the page or to a container element
Zebra_Pin is a lightweight (around 2KB minified) and adaptive (things work as expected when you manually resize the browser window) jQuery plugin for pinning elements to the page or to a container element, so that the element stays visible even if the user scrolls the page. This type of elements are also referred to as "fixed position elements" or "sticky elements".
You can use it in your projects to create sticky sidebars, sticky navigation, sticky headers and footers, or anything else you feel the need to make it stick to the page while the user scrolls.
You can have "hard" pinned elements (elements are pinned to their initial position and stay there), elements that become pinned only when the user scrolls to them, pinned elements that move only inside their parent element.
When elements become pinned a CSS class will be added to them, as specified by the plugin's "class_name" property.
Also, custom events are fired when elements are pinned/unpinned giving you even more power for customizing the result.
Note that this plugin will alter the target element(s) "position" property to "absolute" and/or "fixed", depending on the situation, so before calling the plugin make sure that this change will not affect your page's layout.
Works in all major browsers (Firefox, Opera, Safari, Chrome, Internet Explorer 7+)
##Features
Zebra_Pin has no dependencies other than jQuery 1.4.2+
Zebra_Pin is available as a Bower package. To install it use:
bower install zebra_pin
Zebra_Pin is also available as a npm package. To install it use:
npm install zebra_pin
Load the latest version of jQuery from a CDN and provide a fallback to a local source, like:
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script>window.jQuery || document.write('<script src="path/to/jquery-1.12.0.js"><\/script>')</script>
Load the Zebra_Pin jQuery plugin:
<script src="path/to/zebra_pin.js"></script>
Now, within the DOM-ready event, pin elements to page or to a container:
$(document).ready(function() {
// easiest way to get started: when the user scrolls to the element
// the element will become pinned (sticky) and will scroll with the page
new Zebra_Pin($('#myelement'));
// in the example above, the element will be at the very top edge of the
// screen. if you want to add some top margin simply set the "top_spacing"
// property
new Zebra_Pin($('#myelement'), {
top_spacing: 10
});
// if you want the element to be restrained to the height of the container
// element, simply set the value of the "container" property to TRUE
// (make sure the container element has its "position" set to "relative" or
// "absolute")
new Zebra_Pin($('#myelement'), {
contained: true
});
// or, you may want to pin an element *exactly* to the position where it's at
// and make it stay there no matter what (we'll call this a "hard" pin)
new Zebra_Pin($('#myelement'), {
hard: true
});
});
Configuration options and demos on the project's homepage
FAQs
A lightweight jQuery plugin for creating sticky elements pinned to the page or to a container element
We found that zebra_pin demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Ransomware costs victims an estimated $30 billion per year and has gotten so out of control that global support for banning payments is gaining momentum.
Application Security
New SEC disclosure rules aim to enforce timely cyber incident reporting, but fear of job loss and inadequate resources lead to significant underreporting.
Security News
The Python Software Foundation has secured a 5-year sponsorship from Fastly that supports PSF's activities and events, most notably the security and reliability of the Python Package Index (PyPI).