* * *

| Url | https://templates.webcoredev.webcore.app/snippets-js-fr/ |
| --- | --- |
| MetaTitle | JS Snippets - JS Snippets |
| --- | --- |
| MetaDescription | JS Snippets |
| --- | --- |

- ## Flickity

    - Add Flickity Navigation on Custom position

	
Demo


Show CodeHide Code

	
`
			
		`
    - Disable carousel if single image

	
Demo


Show CodeHide Code

	
`
			
		`
    - Demo


Show CodeHide Code

	
`
			
		`
    - Demo


Show CodeHide Code

	
`
			
		`
- ## Scroll related

    - "Color changing logo"

	
Demo


Show CodeHide Code

	
`
			
		`
    - Scroll to section

	
Demo


Show CodeHide Code

	
`
			
		`
    - Add visible class on Elements when in Viewport

	
Demo


Show CodeHide Code

	
`
			
		`
    - Move one div faster to top on scroll when in viewport

	
Demo


Show CodeHide Code

	
`
			
		`
    - Smooth parallax Effect on Background Images

	
Demo


Show CodeHide Code

	
`
			
		`
    - Subnav items get "selected" when in viewport

	
Demo


Show CodeHide Code

	
`
			
		`
- ## Forms

    - Change DOM Order of Input and Label

	
Demo


Show CodeHide Code

	
`
			$('.form-group label').each(function () {  $(this).insertAfter($(this).next('input, textarea'));});$('.form-group input, .form-group textarea').each(function () {  var val = $(this).val();  if (val) {    $(this).parent('.form-group').addClass('has-val');  }});$('body').on('change', '.form-group input, .form-group textarea', function () {  var val = $(this).val();  if (val) {    $(this).parent('.form-group').addClass('has-val');  }  else {    $(this).parent('.form-group').removeClass('has-val');  }});
		`
- ## Video

    - Prevent <video> from loading on Smartphones

	
Demo


Show CodeHide Code

	
`
			
		`
- ## Animations

    - Split string in 1-character-span and add incremental delay

	
Demo


Show CodeHide Code

	
`
			
		`
- ## Layout

    - Main minimum height related to windows height

	
Demo


Show CodeHide Code

	
`
			
		`
- ## 

    - Demo


Show CodeHide Code

	
`
			
		`