Creating a smooth scroll within a page

Creating smooth Scroll within a page by clicking an anchor link. // document ready { $(function() { $(‘a[href^=”#”]’).click(function() { $(‘html,body’).animate({scrollTop:$(this.hash).offset().top}, 200); return false; }); }); // }

Published
Categorized as jQuery

Jquery animate back to top

Jquery animate back to top will provide an easy way to the user to scroll or animate back to top. HTML Markup for jquery animate back to top Following is the html markup. Copy and paste it in to your html document where you want it to appear. Add the required css style of your… Continue reading Jquery animate back to top

Published
Categorized as jQuery

Parallax image scroll

Parallax image scroll effect with simple jquery code Its very easy with jquery to make a image scroll with parallax. Copy the below jquery code to get parallax image scroll effect. jQuery(document).ready(function(){ // Cache the Window object $window = jQuery(window); // $(‘div[data-type=”background”]’).each(function(){ var $bgobj = jQuery(“.element_class”); // assigning the object jQuery(window).scroll(function() { // Scroll the… Continue reading Parallax image scroll

Published
Categorized as jQuery

Jquery UI autocomplete with API request

Jquery UI autocomplete with API request is one of the recent thing I have done. I am going to share what I have done. In order to start with Jquery UI autocomplete with API request we will use jqueryUI plugin. autoComplete: function(input,apiUrl,selectCallback,renderCallback){ $(input).autocomplete({ minLength: 3, delay: 300, // this is in milliseconds json: true, source:function(request,response){… Continue reading Jquery UI autocomplete with API request

Published
Categorized as jQuery