***

| 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

    `
    				
    			`