🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL
  1. Home
  2. jQuery Plugins
  3. “Scroll To Top Then Fixed” Effect With jQuery

“Scroll To Top Then Fixed” Effect With jQuery

Of late there has been a UI trend of page elements (usually navigation items) that scroll with the rest of the page until they reach the top of the browser window. At this point those elements stop moving, while the rest of the page’s content continues to scroll up behind them. This trick – referred to variously as “scroll to top then fixed” or “fixed floating elements” can’t be achieved with CSS alone, at least at this stage; we must integrate some JavaScript (for this example, in the form of JQuery) to pull the effect off.

Web
Demo Tutorial

You May Also Like

Multi-Language and Fully Customizable jQuery Webcam Plugin - ScriptCam

Simple Step-by-step Site Tour Plugin For jQuery - Tour.js

Interactive Tooltip-style Guided Tour Plugin - jQuery TourJS

Collapsing Site Navigation with jQuery

Simple Toggle with CSS & jQuery

Moleskine Notebook with jQuery Booklet Demo

imgAreaSelect image crop jQuery plugin with Demo

Style-my-tooltips jQuery plugin with Demo

jQuery Page Curl with Demo

Website Tour with jQuery

Flip! jQuery plugin with Demo

idTabs jQuery Plugin with Demo

Tabify jQuery Plugin with Demo

Sweet AJAX Tabs With jQuery 1.4 & CSS3

jQuery Moving Tab and Sliding Content Tutorial with Demo

Delete Records with Color Change Effect using jQuery and Ajax

Flickr Like Title Edit with jQuery and Ajax

Contained Sticky Scroll jQuery Plugin with Demo

Digg Like URL Submitter Using jQuery and PHP with Demo

jQuery Autocomplete plugin

How to Mimic the iGoogle Interface with jQuery

How to Create a jQuery Confirm Dialog Replacement

zClip: jQuery ZeroClipboard

Pull Out Content Panel with jQuery

jQuery Quickie: Smooth animated quote display

jQuery Splatter Plugin

An Awesome jQuery Plugin For Creating Magical Layouts – Isotope

How to Build Single Page Applications with jQuery

jQuery plugin: Easy List Splitter

jRating – Flexible jQuery Ajax Rating Plugin

jTextTranslate: A jQuery Translation Plugin

bgStretcher – jQuery Background Stretcher Plugin

TipTip jQuery Plugin

Jcrop – The jQuery Image Cropping Plugin

JQuery Google Translate Plugin

OpenSocial jQuery Mixi Platform

Dynamically adding form inputs and submit using jQuery

Create a Digg-style post sharing tool with jQuery

Search And Share with jQuery

Google Powered Site Search with jQuery

jQuery list filtering

Columnizer – jQuery Plugin

Web 2.0 Document Search Site with jQuery

jQuery Select : Color Picker

ToggleSlide jQuery Select box

TopUp image & media gallery display Plugin

jPopIt jQuery based popup message

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

Fun with jQuery Templating and AJAX

JQuery Animated Table Sort – REGEXP Friendly

Contextual Slideout Tips With jQuery & CSS3

Spotlight: Constrained Stickies with jQuery

TableGear jQuery based application like Excel

Uploadify – JQuery File Upload Plugin Script

Ajax Easy Expand jQuery

jQuery Panel Magic – Panel Layout For Small Websites

Scrolling to the Top and Bottom with jQuery

FullCalendar with jQuery

Animated fullscreen background image slideshow with jQuery

Facebook like Photo Tagging in jQuery

Flyout Ribbon using jQuery and CSS3

icSelectionBox Select Box – JQuery Plugin

jxSlider ajax-loaded content jQuery Plugin

Multiple Ajax Requests with Jquery

Bing Instant Search with Jquery and Ajax

Yahoo Instant Search with Jquery and Ajax

Youtube Instant Search with Jquery and Ajax

JAWS: News Ticker and Mini Accordion in jQuery

XML-to-JSON convertor and remapper with jQuery

Memu – A simple CSS JQuery Menu

jQuery Plugins

AngularJs Plugins