Steven Litton Stevenlitton
Stevenlitton
/ gist:7554367a18c15764b378b1df6ca05b71
Created
April 6, 2016 09:54
Custom Dropdown Styles
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| HTML | |
| <div class="select-style"> | |
| <select> | |
| <option value="volvo">Volvo</option> | |
| <option value="saab">Saab</option> | |
| <option value="mercedes">Mercedes</option> | |
| <option value="audi">Audi</option> | |
| </select> | |
| </div> |
Stevenlitton
/ gist:f61ad22fd5f6c852c754
Last active
July 13, 2016 09:28
Make smooth scroll animation to all anchors
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(function() { | |
| $('a[href*=\\#]:not([href=\\#])').click(function() { | |
| if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { | |
| var target = $(this.hash); | |
| target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); | |
| if (target.length) { | |
| $('html,body').animate({ | |
| scrollTop: target.offset().top | |
| }, 1000); | |
| return false; |
Stevenlitton
/ stylesheet-switcher
Created
November 2, 2013 22:45
Use jQuery to switch stylesheets using button clicks
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <head> | |
| <link rel="stylesheet" href="day.css"> | |
| <style> | |
| </style> | |
| </head> | |
| <body> |
Stevenlitton
/ responsive-thumbnail-slider
Created
November 2, 2013 22:36
A Responsive Thumbnail Slider
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| window.resizetimeout = false; | |
| function thumbnailSlider(){ | |
| var numOfThumbs = jQuery("#ul-moreviews").children("li").length, | |
| sliderPosition = 0, | |
| productBoxWidth = parseInt(jQuery(".product-info-box").width()), | |
| listWidth = jQuery(".more-views #ul-moreviews li").css("width", productBoxWidth / 3 - 16 ), | |
| moreViewsWidth = parseInt(jQuery("#ul-moreviews li").outerWidth(true) * 3), |
Stevenlitton
/ only-fire-function-window-size-is-less-than
Created
November 2, 2013 22:29
On click this will check the window size and if it is smaller than 500px it will go to the modal page otherwise will show the popup
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| jQuery(".open-modal").click(function(){ | |
| if (jQuery(window).width() < 500) { | |
| window.location = 'http://www.themodalpage.com'; | |
| } | |
| else { | |
| jQuery("#modal").fadeIn(); | |
| jQuery(".modal-overlay").fadeIn(); | |
| } | |
| }); |
Stevenlitton
/ load-page-at-top
Created
November 2, 2013 22:23
Loads the page at the top, adding the second function will make it work on refresh
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(document).scrollTop(0); | |
| $(function() { | |
| window.location.href = "#topDiv"; | |
| }); |