jQuery “Back To Top” link with fading

-
---------------------- <HTML> ----------------------
<div id='BackToTop'>   To The Top!  </div>

<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>




----------------------<JavaScript>---------------------
$(window).scroll(function() {
    if ($(this).scrollTop()) {
        $('#BackToTop').fadeIn();
    } else {
        $('#BackToTop').fadeOut();
    }
});

$("#BackToTop").click(function () {
   $("html, body").animate({scrollTop: 0}, 1000);
});




--------------- { CSS } ----------------
#BackToTop {
    padding: 5px 3px;
    position: fixed;
    bottom: 0;
    right: 5px;
    display: none;
    border: 5px solid #333;
    background-color: #666;
}

Comments

Post a Comment

Popular posts from this blog

remove span elements from Contact form 7 but keeping inside elements

-
//remove span elements from Contact form 7 but keeping inside elements var cf7input = $( " .wpcf7-form-control " );   if ( cf7input .parent().is( "span" ) ) {     cf7input . unwrap ();   } else {     cf7input .wrap( "<span></span>" );   jQuery('.form-group br '). remove ();   //On focus add class for animation (optional) jQuery('.form-control').focusout(function(){  var text_value=jQuery(this).val();      if(text_value!='')        { //alert(1); jQuery(this).addClass("wariya");         }else{jQuery(this).removeClass("wariya");} }); DEMO:  https://jsfiddle.net/qjw5nr7r/
Read more

Amid mixed reactions launch iPad mini

-
Image
Rome: users of Apple's new iPad mini Friday, in talking about it might have come too late for the 7-inch tablet PC market than the previous incarnation of fanfare launched their hands. Two days later, the company is trying to Halloween, a long black insist is more than just a narrow version of the popular iPad tablet PC series to attract shoppers, Apple founder Steve Jobs (Steve Jobs) The ghost hung in the air. Provoked excitement of Apple products in the past, but rarely, only produce a small row devoteesat of the flagship store in the world. In the outskirts of Milan, a couple fight fans to enjoy coffee and bread to the local Apple store. "I am 6:30 in the morning, but it is worth it," said Daniel Massey, a 20-year-old student who is the first line. "I decided to buy it, even if I have other Apple products, I love them," he added. Earlier in the day, about 300 people lined up, Apple's main store in Tokyo, some wearing fancy dress, buy outs...
Read more

SEO Standards and Gudieline for Front-End Developer

-
Image
This is a post for any HTML coder or back-end developer who wants to know what it is that they should know about SEO. On-site SEO requires more than just an SEO expert . It’s a team effort. It means getting multiple people involved, including a designer, and front- and back- end developers. Everyone must understand their role in building a search engine-friendly website. When building a website, these are the roles typically involved: The SEO strategist does the keyword research and plans the required landing pages based on what they know of the client’s business goals and needs. They provide a list of pages that must be on the website as well as any front-end coding recommendations that are specific to the needs of a particular website. The information architect takes that information from the SEO strategist to then integrate that into their IA work for a website that is both usable and search engine-friendly. The designer creates an interface that translates the IA wirefra...
Read more