Stephen Wicks Internet Development Company
  • Home
  • About Us
  • Services
    • Print and Graphic Design
    • Social Media Solutions
    • Web Design
    • Web Hosting
    • Web Video
  • News/Blog
  • Careers
  • Client Needs Analysis
  • Support
  • Contact Us

Back To Top Button With Javascript and CSS

5/10/2017

0 Comments

 
Picture
  12 Days Until The Start of Bootcamp: Newbie Fun!  So today I coded a "back to the top of the page" button for my website using Javascript and CSS.  I peeped code from W3Schools to jump start the effort.   All before, I would have had to outsource that type of code to use in my projects.  Now I can code it myself.

I modified the css to get the look of the button that would be consistent with my overall site design and the location of the button as it appears.  The Javascript code makes it appear only after the website visitor scrolls 20 pixels from the top of the page.

I made the button float on the left side instead of the right because I already have a customer service button that floats on the right.  It works fine on desktop and tablet.  I will monitor user feedback to see if it interferes with the natural scrolling when using a mobile device.  

It's been fun delving  into the coding side of things after specializing in UI / UX design for so long.  The start date for The Iron Yard is approaching at lightning speed.  I'm excited.  Can't wait to get the skills to truly "build something from nothing!"  Computer programming is awesome!

Until tomorrow,

Stephen

PS.  You can see how the back to the top button works by visiting my homepage at http://www.StephenWicks.com  Scroll down the page a little and it will appear on the left side of the page.  Cheers!
0 Comments



Leave a Reply.

    Categories

    All
    Announcements
    Blog
    Business Tips
    Client News
    Customer Service Issues
    For Fun
    Random
    Technology
    Work Culture


    Blog Writer

    Stephen Wicks
    Stephen Wicks - Lead Designer / Software Developer

    Find Stephen Wicks on Google+

    Archives

    January 2021
    April 2020
    September 2019
    July 2019
    May 2019
    January 2019
    December 2018
    September 2018
    August 2018
    February 2018
    December 2017
    October 2017
    September 2017
    August 2017
    May 2017
    February 2017
    December 2016
    November 2016
    October 2016
    August 2016
    June 2016
    May 2016
    February 2016
    January 2016
    December 2015
    September 2015
    August 2015
    February 2015
    January 2015
    September 2014
    August 2014
    July 2014
    June 2014
    May 2014
    April 2014
    February 2014
    January 2014
    November 2013
    October 2013
    September 2013
    August 2013
    July 2013
    April 2013
    March 2013
    September 2012
    July 2012
    June 2012
    March 2012
    February 2012
    January 2012
    December 2011
    November 2011
    October 2011

    RSS Feed

Home 
About Us
News/Blog
​Careers 
​
Banner Advertising
Print Design
Social Media Solutions
Web Design
​
Web Hosting
​
Web Video
Customer Support
​Client Needs Analysis
​
​Contact Us
​

Staff Email
Get Social With Us:

Picture
Stephen Wicks Internet Development Company
3015 RN Martin St
#103
​East Point, GA 30344
Support: support@stephenwicks.com
Office:  (678) 813-6200
Photos used under Creative Commons from B Rosen, velorowdy
  • Home
  • About Us
  • Services
    • Print and Graphic Design
    • Social Media Solutions
    • Web Design
    • Web Hosting
    • Web Video
  • News/Blog
  • Careers
  • Client Needs Analysis
  • Support
  • Contact Us