September 10, 2010

RW076 Back to Top – CSS Tip

Do you want a simple and stylish anchor link that takes your end user back to the top of your page? No matter how far down that page they scroll?
Then you won’t want to miss this cast.

Please Login or Register with SupportCasts to view the rest of this content.

Related Posts with Thumbnails

About edbrennersc

Comments

  1. Jamie Kelley - says:

    Sweet trick, Ed. Thanks for posting. I can use this straightaway.

  2. Ed Brenner - http://myrapidweaver.us says:

    Got two more in the works on this item. You might want to keep your eyes peeled.

    Glad you liked it. And thanks for the support.

  3. Manfred Pailer says:

    Very nice!

    One question:

    How can I make the “back to top” button fixed on the iPhone or iPad Safari? That is a tricky one… ;-)

    I hope you can help!

    THX Mani

  4. Manfred Pailer says:

    Instead of making a tiny “back to top button” anchor on the bottom of my page “fixed” in iOS (iPhone, iPod touch, iPad) … I removed it!

    I used that CSS to target the iPhone, iPod touch and iPad (RW custom CSS area)

    /* target iOS iPhone, iPad no anchor back to top */
    @media screen and (max-device-width: 480px) {
    #backtotop {display: none !important; }
    }

    @media only screen and (device-width: 768px) {
    #backtotop {display: none !important; }
    }

    THX Mani

Trackbacks

  1. Tweets that mention RW076 Back to Top – CSS Tip | SupportCasts™ - 3 Dimensional Mac Support -- Topsy.com - http://topsy.com/tb/bit.ly/aJu5B5 says:

    [...] This post was mentioned on Twitter by Kevin B, supportcasts and Sundog, Mani | Reload-me. Mani | Reload-me said: New cast online for members RW076 Back to Top #css #RapidWeaver http://bit.ly/aJu5B5 (via @supportcasts) [...]

Speak Your Mind

*

Spam Protection by WP-SpamFree