🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL
  1. Home
  2. jQuery Plugins
  3. Sexy Persistent Header with Opacity Using jQuery

Sexy Persistent Header with Opacity Using jQuery

I’ve been working with the Magento eCommerce solution a lot lately and I’ve taken a liking to a technique they use with the top bar within their administrative control panel. When the user scrolls below a specified threshold, the top bar becomes attached to the top of the window and the opacity set to 50%. I’ve implemented this technique in my current design and have gotten numerous requests for a tutorial so…here you go!

Popup Window Web
Demo Tutorial

You May Also Like

Contactable – A jQuery Plugin with Demo

Reveal: jQuery Modals Made Easy

PrettyPhoto – jQuery Lightbox

Lightview : jQuery lightbox Overlay Anything With Style

Flexible & Desktop-Like Layouts With jQuery: UI.Layout

icSelectionBox Select Box – JQuery Plugin

ppGallery – Elegant Lightbox Gallery Jquery Plugin

Timeglider – Impressive jQuery Plugin For Data-Driven Timelines

Pines Notify jQuery Plugin

JQuery Superbox – Flexible modal window

Ninja UI – A Set Of Slick Widgets For jQuery

Windows Aero Style for Web sites in jQuery

jQuery WowWindow is an alternative Lightbox

leanModal – A Micro jQuery Modal Plugin

Latest Post Blogroll Slider with jQuery and PHP

Expanding Fullscreen Grid Portfolio in jQuery

SFBrowser File Manager With PHP & jQuery

Developing a jQuery Private Messaging Modal Box

Tipped a beautiful jQuery HTML5 tooltips plugin

Create Multiple pop up divs using the jquery

Portamento: floated layout jQuery plugin

jQuery jmFullWall nice portfolio

ColorBox : jQuery lightbox

Bootbox.js – alert, confirm and flexible dialogs for twitter’s bootstrap framework

jQuery custom content scroller

Pirobox a jquery lightbox

Latest Tweets Tooltip with jQuery

Exposure – jQuery image gallery plugin

jQuery Popin a easy modal window

jQuery Widgets unique library for jQuery UI Development

rlightbox – a jQuery UI mediabox

Hovercard jQuery Plugin for Labels, Links & Information

jQuery CodeExplorer

NyroModal a jQuery Modal window

Display Slide OutBox depend up on Content using HTML and jQuery

jQuery Dialogr a dialog box with extra features

Create a Windows-like Interface with jQuery UI

FancyMoves a jQuery Product Slider

Zebra_Dialog – a lightweight jQuery dialog box plugin

jQuery flipbook layout plugin : Booklet

Javascript media Veiwer : Shadowbox.js

Jquery AnchorCloud Expanding Link Plugin

jQuery Desktop

EasyDrag jQuery Plugin

jQuery Notification System plugin : kiNotice

Bootstrap jQuery Image Gallery

Javascript thumbnail and media viewer : Highslide JS

Advanced jQuery Tooltip Plugin – qTip2

Sexy Persistent Header with Opacity Using jQuery

Centratissimo – All centered auto-resizable layout with some jQuery

Chico UI – jQuery User Interface Components

Photo Wall : jQuery plugin with Demo

jQuery Fullsize : A New IMG Tag Attribute with Demo

TinyBox2 : JavaScript Modal Windows with Demo

Sticky : jQuery super simple Notification System with Demo

Lytebox : jQuery content viewer with Demo

jQuery Print Preview plugin with Demo

boxy : Facebook-like jQuery dialog/overlay with Demo

Slimbox 2: Lightweight Lightbox clone for jQuery with Demo

uLightBox : jQuery Lightbox plugin with Demo

jQuery PopBox UI Element with Demo

jQuery plugin : Fancy Zoom with Demo

Thumba : jQuery Thumbnails gallery plugin like Google images

jQuery gzoom plugin

Messi : Simple jQuery Message plugin

Minijs : jQuery Plugins made easy

Multipurpose Bookshelf Slider – jQuery Plugin

jQuery YouTube Popup Player Plugin

FueledWeb Pro Thumbnail Scroller with jQuery

bPopup : jQuery modal popup plugin

jQuery Plugins

AngularJs Plugins