Skip to main content

Full page smooth CSS scroll

Use the mousewheel to scroll the page in the codepen window (the whole blog will try to scroll as well, of course, the model is supposed to be run in a separate window but you get the idea).

 

See the Pen Full page CSS-based scroll (pure vanilla JS, no libraries) by Ilya Gerasimenko (@igstudio) on CodePen.
Labels:

Popular posts from this blog

WordPress: How to add custom fonts to a twenty seventeen child theme.

Quick help to those who have tried to find some help and failed (as I have so I have to write the code myself). Assuming that you have your virgin child theme configured and activated: here is a function which goes into the functions.php file (of your configured and activated child theme): function childtheme_twentyseventeen_fonts_url() { $replace_original_font = true; // unless you really like Libre Franklin if ($replace_original_font !== true) { $hyph = '-custom-'; } else { $hyph = '-'; }; $font_families = array( //add your Google fonts and weights (400 and 700 are defaults for normal and bold) here: 'Oswald:200,400,700', 'Lato:200,400,700', ); $query_args = array( 'family' => urlencode( implode( '|', $font_families ) ), 'subset' => urlencode( 'latin,latin-ext' ), ); $fonts_url = add_query_arg( $query_args, 'https://fonts.googleapis.com/css' ); wp_enqueue_style( 'twentyseventeen' ....
Read more

How to Make a Website Everyone Has

Read more

Things I Do Not Get

Amongst many things, and in no particular order: A Web-standard-compliant box model. Why the default size of the box is determined by it's contents, and why the padding should be added to the overall dimensions. The Internet Explorer's model makes more sense (blasphemy). It does. Another CSS thing which puzzles me: why I can float things right and left, but not to the center? Right and left here are in fact top-right and top-left, but I sooo could use bottom-right and bottom-left positions as well... And why decided that vertical margins should collapse? Not a very important one, but still... really, why?
Read more