
Product
Introducing Scala and Kotlin Support in Socket
Socket now supports Scala and Kotlin, bringing AI-powered threat detection to JVM projects with easy manifest generation and fast, accurate scans.
An on-demand sticky header.
Headhesive.js creates an on-demand sticky header. Specify when you want your header to become fixed and the rest is magic. View demo.
Install with npm:
npm install headhesive
Install with Bower:
bower install headhesive (or bower install headhesive.js)
Headhesive.js is a standalone JavaScript plugin with no dependencies. Include the headhesive.min.js
(from the dist/
folder) in the footer of your page and initialise it:
// Create a new instance of Headhesive
var header = new Headhesive('.header');
Headhesive.js doesn't inject any CSS styles so you can use your own to completely control how your sticky element behaves. An example is provided in the demo.
Customise how Headhesive.js works by passing in custom options.
// Options
var options = {
offset: 500
}
// Create a new instance of Headhesive.js and pass in some options
var header = new Headhesive('.header', options);
{
// Scroll offset. Accepts Number or "String" (for class/ID)
offset: 300, // OR — offset: '.classToActivateAt',
// If using a DOM element, we can choose which side to use as offset (top|bottom)
offsetSide: 'top',
// Custom classes
classes: {
// Cloned elem class
clone: 'headhesive',
// Stick class
stick: 'headhesive--stick',
// Unstick class
unstick: 'headhesive--unstick'
},
// Throttle scroll event to fire every 250ms to improve performace
throttle: 250,
// Callbacks
onInit: function () {},
onStick: function () {},
onUnstick: function () {},
onDestroy: function () {},
}
To destroy an instance of Headhesive.js, you can call the destroy method:
header.destroy();
IE9+ and modern browsers.
Headesive.js is licensed under the MIT License.
There is a demo available in the demo folder and online at http://markgoodyear.com/labs/headhesive/.
FAQs
An on-demand sticky header
The npm package headhesive receives a total of 146 weekly downloads. As such, headhesive popularity was classified as not popular.
We found that headhesive demonstrated a not healthy version release cadence and project activity because the last version was released 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.
Product
Socket now supports Scala and Kotlin, bringing AI-powered threat detection to JVM projects with easy manifest generation and fast, accurate scans.
Application Security
/Security News
Socket CEO Feross Aboukhadijeh and a16z partner Joel de la Garza discuss vibe coding, AI-driven software development, and how the rise of LLMs, despite their risks, still points toward a more secure and innovative future.
Research
/Security News
Threat actors hijacked Toptal’s GitHub org, publishing npm packages with malicious payloads that steal tokens and attempt to wipe victim systems.